1001 * CSS *
/* Tiny Scrollbar */
#scrollbar1 { width: 559px; margin: 20px 0 10px; clear: both;}
#scrollbar1 .viewport { width: 500px; height: 1050px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 11px; }
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:9px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 20px; }
#scrollbar1 .disable { display: none; }
когда я устанавливаю .viewport более 700px, полоса прокрутки не отображается. Я не понимаю.
PS. Я не опубликовал код, потому что я использую как прямо из демо, но на всякий случай:
$(document).ready(function(){
$('#scrollbar1').tinyscrollbar({ size: 360 });;
});
Хорошо, я только что попробовал другую прокрутку jscrollpane, и то же самое происходит. Вот сайт , чтобы вы могли видеть, что я пытаюсь сделать. Прямо сейчас он не показывает остальную часть контента, и если я изменю его на 1050 пикселей, он будет отображаться, но прокрутка исчезнет.
Я в затруднении, если есть больше кода, который я мог бы дать, дайте мне знать, я не знаю, что еще здесь делать.