2011-01-27 19 views
5

Mam trochę tekstu na dole mojej strony z napisem Built By Me. Mam to w ustalonej pozycji 35px od dołu i po lewej stronie okna, więc porusza się podczas przewijania. Naprawdę chcę to naprawić pionowo, więc przesuwa się podczas przewijania w górę iw dół i zawsze jest o 35 pikseli od dolnej krawędzi okna, ale ma to położenie 35 pikseli od lewej krawędzi strony (nie ekranu), więc nie porusza się, gdy przewijasz w poziomie. Sprawdziłem to rozwiązanie Position element fixed vertically, absolute horizontally, ale niestety nie działa to dla mnie. FYI Obecnie używam poniższy kod, żeby naprawić to górny i dolny, który działa dobrze (ale też porusza się podczas przewijania w poziomie):Czy mogę używać pozycji: ustalona pionowo i pozycja: absolutnie poziomo?

#sticky { 
position: fixed; 
bottom: 35px; 
left: 35px; 
width: 206px; 
padding: 0; 
font-size: 0.6875em; 
} 

*html #sticky { 
position: absolute; 
bottom: 0px; 
} 

<div id="sticky"> 
Built by Me 
</div> 

Dzięki za wszelkie wskazówki, jak można dać nie mogę dla życie mnie wypracować, jak to naprawić na jednej osi?

Dave

+0

Dlaczego to oznacza PHP? –

+0

możliwy duplikat [Position element ustalony pionowo, absolutnie poziomo] (http://stackoverflow.com/questions/3303173/position-element-fixed-vertically-absolute-horizontally) – kotekzot

Odpowiedz

4

Uważam, że jedyną drogą do osiągnięcia tego celu jest używać position: fixed; i obliczyć wartość left na stronie obciążenia lub rozmiaru poprzez ustalenie, gdzie lewa krawędź „strony” spada, a następnie dodając 35px do niego . Daj mi znać, jeśli chcesz, żebym się rozwinęła.

+0

Bardzo dziękuję za to Scottowi, miałem nadzieję tam był inny sposób, ale to wszystko dobrze, użyłem $ (window) .scroll (function() {do osiągnięcia tego.Jest to bardzo dziwne, ale to nie działa, jeśli zwiększam lewą pozycję, jednak jeśli używam poniższy kod działa doskonale we wszystkich przeglądarkach, w interesie masz pojęcie, dlaczego to może być tak, to po prostu pozostawia go tak, jak było pierwotnie? Dziękuję bardzo za pomoc deshg

+0

To bardzo dobre pytanie. Musi mieć coś wspólnego ze zwinięciem, ale muszę przyznać, że nie jestem tak biegły w jQuery, jak powinienem, więc nie mogę powiedzieć na pewno. Cieszę się, że mogłem pomóc! –

+0

Bez zmartwień scott, bardzo dziękuję za pomoc! – deshg

19

Zachowaj stały element div.

Mam następujący kod javascript, który zajmie się przenoszeniem w poziomie.

$(window).scroll(function(){ 
    $('.fixed_div').css('left',-$(window).scrollLeft()); 
}); 
+1

+1 dla prostoty kopiowania/wklejania – JSP64

+3

Można chcieć wywołać to przy zmianie rozmiaru okna, np. '$ (Window) .on (" resize scroll ", function() {...}' –

Powiązane problemy