डिव एक निश्चित स्थिति में पेज के साथ स्क्रॉल

Question

भी फ़ायरबग साथ मैं समझ नहीं सकता कि यह कैसे बाहर प्राप्त करने के लिए: पृष्ठ के बाईं ओर पर सामाजिक div पर

देखो। यह आपको आसानी से अनुसरण करता है: वे किस सीएसएस स्थिति का उपयोग करते थे? मैंने बस एक पूर्ण स्थिति पढ़ी, और कुछ नहीं।

1. मैं एक ही करने की कोशिश की, लेकिन यह अभ्यस्त मेरा पेज
2. में स्क्रॉल jQuery का उपयोग करने और चेतन यह बहुत सुंदर
3. modyfing प्रत्येक पुस्तक पर सीएसएस बहुत अजीब लग रहा है बनाता है, यह एक millisecond के लिए अटक गया और उसके बाद के लिए कदम उनका वही प्रभाव कैसे प्राप्त करें?

http://techcrunch.com/2011/08/04/sources-livingsocial-close-to-acquiring-turkish-daily-deals-site-grupfoni/

Answer 1

इस आशय के लिए दो प्रासंगिक शैलियां हैं:

.post-share-widget.floating { 
    position: fixed; 
    top: 68px; 
} 
.post-share-widget.pinnedTop { 
    bottom: auto; 
    position: absolute; 
} 

वे विजेट कंटेनर पर className स्थापित करने के लिए एक जावास्क्रिप्ट स्क्रॉल हैंडलर का उपयोग करने के लिए या तो "चल" या "pinnedTop" पृष्ठ की वर्तमान स्क्रॉल स्थिति के आधार पर।

Answer 2

थोड़ी सी jQuery और सीएसएस का उपयोग करके इस समाधान को आजमाएं। यह आप काफ़ी कम काम के साथ एक ही प्रभाव देना चाहिए ...

http://jqueryfordesigners.com/fixed-floating-elements/

Answer 3

यहाँ एक jQuery प्लगइन है कि इस का ख्याल रखता है की एक डेमो है। इस प्लगइन में उत्कृष्ट ट्यूटोरियल में जड़ें हैं जो जो ऊपर सुझाए गए हैं, लेकिन यह ट्यूटोरियल में थोड़ा सा समाधान प्रदान करता है।

डेमो: http://jsfiddle.net/y3qV5/

प्लगइन और स्रोत: https://github.com/bigspotteddog/ScrollToFixed

उपयोग:

$(document).ready(function() { 
    $('#cart').scrollToFixed(); 
});