2010-11-14 14 views
12

तो, अनिवार्य रूप से, मैं एक आइटम चाहता हूं जो पृष्ठ के निचले हिस्से में तय हो, लेकिन जब दृश्य क्षैतिज स्क्रॉल करता है, तो उसे क्षैतिज रूप से भी स्क्रॉल करना चाहिए।केवल एक दिशा में फिक्स्ड स्थिति

मैं जावास्क्रिप्ट के साथ ऐसा करने का साधन निकाल सकता हूं, लेकिन क्या ऐसा करने के लिए कोई सीएसएस तरीका है? मुझे यहां और वहां कुछ अतिरिक्त डीआईवी नहीं हैं।

+0

Isn ' टी कि क्या तय स्थिति क्या करता है? या जब आप क्षैतिज रूप से आगे बढ़ते हैं, तो इसका मतलब यह है कि ** ** क्षैतिज रूप से – Aishwar

+0

स्क्रॉल नहीं कर रहा है, क्या आप फ्लोटिंग पाद लेख के बारे में बात कर रहे हैं, क्षैतिज स्क्रॉल के बारे में क्या, यह प्रश्न उपयोगी है http://stackoverflow.com/questions/146659/how -do-i-get-a-floating-footer-to-stick-to-the-the-view-in-the-6 – kobe

+0

नहीं। निश्चित स्थिति के साथ, 'div' की अधिकतम चौड़ाई या जहां तक ​​मैं कह सकता हूं, ब्राउज़र विंडो की चौड़ाई w/e है। –

उत्तर

15

सीएसएस हिस्सा:

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

jQuery हिस्सा:

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

मुझे नहीं लगता कि एक नकारात्मक बाएं मूल्य असाइन करना ठीक से किया जाएगा जो पूछा गया था। –

2

सच jQuery हिस्सा होना चाहिए की तरह:

var s = $(window).scrollLeft() - scroll_old;  
scroll_old = $(window).scrollLeft(); // initially = 0; 
var diff = left_num - s; 
var new_left = diff+"px"; 
फिर ऊपर की तरह

...

संबंधित मुद्दे