2010-11-14 18 views
12

Yani, aslında, sayfanın altına sabitlenmiş bir öğeyi almak istiyorum, ancak görünüm yatay olarak kaydırıldığında, yatay olarak da kaydırılmalıdır.Yalnızca bir yönde sabit konum

Bunu JavaScript ile yapmanın bir yolunu bulabilirim, ancak bunu yapmak için herhangi bir CSS yolu var mı? Burada birkaç ekstra DIV var umrumda değil.

+0

ISN' t sabit konumlandırma ne yapar? Ya da yatay olarak hareket ettiğinizde, ** yatay olarak kaydırma yapılmamalıdır. – Aishwar

+0

kayan altbilgiden mi bahsediyorsunuz, ya yatay scrool hakkında, bu sorunun yararlı olup olmadığına bakın http://stackoverflow.com/questions/146659/how -do-i-al-footer-to-stick-to-the-view-of-the-viewport-in-ie-6 – kobe

+0

Hayır. Sabit konumlandırma, 'div 'maksimum genişliği veya w/e, söyleyebileceğim kadarıyla tarayıcı penceresinin genişliğidir. –

cevap

15

CSS kısmı:

#footer { 
    position:fixed; 
    bottom:0px; 
    left:0px 
} 

jQuery kısmı:

$(window).scroll(function(){ 
    $('#footer').css('left','-'+$(window).scrollLeft()+'px'); 
}); 
+0

Negatif bir sol değer atamanın, tam olarak ne istediğini yapacağı düşünmüyorum. –

2

Gerçekten jQuery parçası olmalıdır gibi: sonra yukarıdaki gibi

var s = $(window).scrollLeft() - scroll_old;  
scroll_old = $(window).scrollLeft(); // initially = 0; 
var diff = left_num - s; 
var new_left = diff+"px"; 

...

İlgili konular