[css] [JavaScript] Element przyklejający się do ekranu po skrolowaniu., Skrypt nie do końca dobrze działa. Opcje

[luis2luis]

Witam.

Przygotowałem skrypt, który przykleja element do okna przeglądarki (position:fixed) gdy górna kraweź przeglądarka zjeżdżając w dół, scrolując osiągnie już ten element

Już mniej więcej działa, jak osiągne górną granice tego elementu, to zmienia sie pozycja.

[PHP] pobierz, plaintext 
 
<script>
$(document).ready(function() { 
 
	$(document).on('scroll', function() {
 
		var header_height = $("#top-fixed-menu").outerHeight();
		var offset = $("#top-fixed-menu").offset();//offset czyli pozycja wzgleden góry strony.
 
		var offset_top = offset.top;
 
		if ($(window).width() > 960) {//tylko dla szerokich monitorów
			if ($(window).scrollTop() >= offset_top) {
 
				$("#top-fixed-menu").addClass("fly_lista");
			} else {
 
				$("#top-fixed-menu").removeClass("fly_lista");
			}
		}
	});
});
</script>
 
<style>
#top-fixed-menu  { position: relative; background: #262f36; float: right; width: 380px; min-height: 100px; color: #fff; }
.fly_lista { position: fixed !important; top: 0px !important; right: 0px !important; } 
</style>
 
[PHP] pobierz, plaintext 

Prosze o pokierowanie. Widzę, że w momencie gdy element dostaje position fixed, parametr top jest dosyc łatwy do określenia ale co z pozycją right? :/
Dodatkowo jak wracam spowrotem na góre to element dalej ma pozycje fixed. Coś nie tak jest z kodem javascript.

[trueblue]

Skoro element po dodaniu klasy .fly_lista ma pozycję fixed, to jaki jest sens pobierania wtedy jego pozycji (offset)?

A co do położenia od prawej, to trudno Ci odpowiedzieć, bo nie wiadomo jaka jest jego pozycja kiedy nie jest zafiksowany. Chyba, że przed przyklejeniem również jest umiejscowiony przy prawej krawędzi. Wtedy nic nie trzeba zmieniać.

[luis2luis]

Skoro element po dodaniu klasy .fly_lista ma pozycję fixed, to jaki jest sens pobierania wtedy jego pozycji (offset)?

A co do położenia od prawej, to trudno Ci odpowiedzieć, bo nie wiadomo jaka jest jego pozycja kiedy nie jest zafiksowany. Chyba, że przed przyklejeniem również jest umiejscowiony przy prawej krawędzi. Wtedy nic nie trzeba zmieniać.

Ofset pobieram tylko po to, żeby wiedzieć kiedy okno przeglądarki "osiągneło" już ten element.

Późnije ju żgo nie potrzebuje, chodzi tetraz o to, że element pozycjonowany jako fixed uciekami na praą częśc okna przeglądarki. Przed fixowaniem jest w prawej części kontenera strony, który ma 1300 pixeli. Jego style są tutaj: pod znacznikiem: #top-fixed-menu

Ten post edytował luis2luis 24.08.2017, 14:30:16