स्थिति का अनुकरण: jQuery में तय की गई


Answers

आप एक डमी दृश्यता बना सकते हैं: स्थिति के समान ही चौड़ाई वाली छिपी हुई अवस्था: निश्चित तत्व। यहां एक नमूना है:

<html>
<head>
  <script src="http://www.google.com/jsapi"></script>
  <script>
    google.load("jquery", "1.4.2");
    google.setOnLoadCallback(function() {
      $(document).ready(function(){
        var dummy = $('<div>dummy</div>').width( $('#header').width() + 'px').css('visibility','hidden');
        $('body').append(dummy);
      });
    });
    </script>
</head>
<body>
<div id="header" style="width:2000px;background:red;position:fixed;top:0;height:20px;">
    This is aheder with fixed position
</div>

<div style="height:1200px;background:green;">

</div>
</body>
</html>
Question

मेरे पास एक शीर्षक है जो पृष्ठ की चौड़ाई से बड़ा है ताकि मैं position:fixed उपयोग न कर position:fixed उसे पृष्ठ के ऊपर सेट करने के लिए तय किया गया, क्योंकि मुझे क्षैतिज रूप से स्क्रॉल करने में सक्षम होना चाहिए मुझे नहीं लगता कि इसके लिए एक सीएसएस समाधान है।

मैंने position:fixed के प्रभाव को पुन: उत्पन्न करने का प्रयास करने के लिए कोड का एक नमूना बनाया position:fixed , लेकिन अवांछित कूदता है मेरा कोड निम्नानुसार है:

$(window).scroll(function() {
            var y = $(window).scrollTop();
            $("#headertable").css('top', y+175);
});

क्या यह वास्तव में संलग्न करने का एक तरीका है, जैसे position:fixed ? (विचित्र रूप से, यह एफएफ की तुलना में आईई में अभी बेहतर प्रदर्शित होता है, क्योंकि इसमें "कूद" प्रभाव नहीं है)

कृपया यहां एक उदाहरण ढूंढें: http://jsbin.com/eyuya/7 पहली तालिका position:fixed साथ है position:fixed , दूसरे मेरा कोड का उपयोग करता है यही जंपिंग प्रभाव है, अगर कोई समाधान होता है तो मैं उससे बचने की कोशिश कर रहा हूं।

संपादित करें :

फिर भी एक संतोषजनक समाधान नहीं मिला है, मुझे लगता है कि मैं इसे अंत में उपयोग करूंगा, क्योंकि साइट का उपयोग आईई पर किया जाता है और यह ऐसा नहीं लगता कि चमत्कार समाधान व्यूपोर्ट में एक डिवेल संलग्न करने के लिए मौजूद है, और क्षैतिज रूप से स्क्रॉल करने में सक्षम इससे पहले और किसी अच्छे समाधान का सामना करने के बाद किसी के चलते किसी एक व्यक्ति की तरफ से मैं एक इनाम शुरू कर रहा हूं।

उन लोगों के लिए धन्यवाद जो पहले से ही इसका जवाब देने की कोशिश नहीं कर रहे हैं क्योंकि यह समस्या दिखता है;)




आप एक रैपर डिवा बना सकते हैं और फिर div पर चौड़ाई निर्दिष्ट कर सकते हैं

जैसे चौड़ाई: 150%; या चौड़ाई; 2000px;

अपनी आवश्यकताओं के आधार पर

आपको स्क्रॉल करने की आवश्यकता क्यों है?