का आकार बदलता है, मुझे व्यक्तिगत प्रोजेक्ट के लिए कस्टम स्क्रॉलबार प्लगइन की आवश्यकता होती है ("कस्टम" से मेरा मतलब मूल जड़ता प्रभाव, कस्टम छवियां और अन्य) है। मेरी पसंद mCustomScrollbar थी।छिपी हुई स्क्रॉलबार जब तक पेज
प्रलेखन वास्तव में बहुत स्पष्ट था, और मुझे स्क्रिप्ट को लागू करने में कोई दिक्कत नहीं हुई है, लेकिन ऐसा लगता है कि जब मैं पृष्ठ का आकार बदलता हूं, जैसे स्क्रॉलिंग की आवश्यकता नहीं है।
वास्तव में, स्क्रॉलबार में style="display: hidden" पूरी तरह से लोड किए गए पृष्ठ पर है, जैसे question (लेकिन मुझे कोई उपयोगी उत्तर नहीं मिला)।
मेरा मानना है कि कुछ height मुद्दा slidesjs (जो मैं भी उपयोग कर रहा हूँ) के साथ जुड़ा हुआ है, लेकिन मैं सिर्फ यह नहीं मिल सकता है ... यहाँ कुछ कोड है:
(There's पूरे पृष्ठ, तो आप ऐसा फ़ायरबग साथ कोड देख सकते हैं ... बस) लंबे सामग्री देखने पर
<head>
<!-- everything is included -->
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link href="css/jquery.mCustomScrollbar.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/jquery.mCustomScrollbar.js"></script>
<script>
$(function(){
$("#slides").slides({
generatePagination: false,
pagination: true,
paginationClass: 'pagination'
});
});
</script>
<script>
(function($){
$(window).load(function(){
$("#slide2").mCustomScrollbar();
});
})(jQuery);
</script>
</head>
<body>
<div id="slides">
<!-- other stuff -->
<div class="slides_container">
<div id="slide1">
<h2>Uova</h2>
<p>Text1...</p>
</div>
<!-- slide2 is the scrollbar div -->
<div id="slide2">
<h2>Blabla</h2>
<p>Lorem ipsum</p><br />
</div>
</div>
</div>
</body>
सीएसएस "Pulcini" के तहत जाना:
div#slides {
height: 506px;
}
.slides_container {
width: 900px;
height: 506px;
}
.slides_container, div#slide1, div#slide2, div#slide3, {
width: 808px;
height: 366px;
display: block;
float: left;
overflow-y: auto;
}
.slides_container {
margin-top: 30px;
margin-bottom: 30px;
height: 366px;
}
बहुत अच्छा काम किया। उत्तर के लिए धन्यवाद :) – trascendency
यह अब तक का सबसे अच्छा समाधान है। विकल्प जो मेरे लिए इस मुद्दे को सही करता था: 'उन्नत: {updateOnContentResize: true}' –