我正在使用 javascript 自定义滚动器,并且我也在交换该滚动器的内容,唯一的问题是当我切换不同的内容时,高度与原始 div 保持相同并且不会调整,我不知道为什么.
这是我的Javascript:
$(window).load(function(){
(function($) {
$.fn.Fader = function() {
this.each(function() {
$('.clickme').bind('click', function(e) {
e.preventDefault();
$( "#mediaswap div" ).fadeOut();
$( "#mediaswap div" + $(this).attr('name') ).fadeIn();
})
});
}
})(jQuery);
$(function() {
$('#mediaswap').Fader();
});
});//]]>
安迪我的 CSS:
#media_scroll{position:absolute; margin:0; width:590px; height:334px;}
#media_scroll .customScrollBox{position:relative; height:100%; overflow:hidden;}
#media_scroll .customScrollBox .container{position:relative; width:565px; top:0; float:left;}
#media_scroll .customScrollBox .content{clear:both;}
#media_scroll .dragger_container{position:relative; background: url(images/assets/track-bkg.jpg) no-repeat; width:10px; height:324px; float:left; margin:10px 0 0 10px; cursor:pointer;}
#media_scroll .dragger{position:absolute; width:14px; height:22px; background: url(images/assets/dragger.gif) no-repeat; margin-left:-3px; text-align:center; overflow:hidden; cursor:pointer;}
#media_scroll .dragger_pressed{position:absolute; width:14px; height:22px; margin-left:-3px; overflow:hidden;}
div“内容”是其中具有不同高度的不同div的div。
非常感谢所有帮助!