1

我正在使用 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。

非常感谢所有帮助！

4

1 回答 1

1

尽管缺少代码，但还是会尝试一下：

.content只能将大小设置为 334px，因为您将其设置height为#media_scroll. 尝试使用或者min-height: 334px;看看height: auto;是否没有帮助。您也可以使用 jquery 来调整大小#media_scroll。

此外，发布代码，将其添加到jsfiddle.net确实有助于我们解决您的问题。

另外，Tyrsuis 的观点是：

$( "#mediaswap div" + $(this).attr('name') ).fadeIn();

可能应该更像：

$( "#mediaswap div " + $(this).attr('name') ).fadeIn();

但请记住，如果$(this).attr('name')不会添加“。” 或 '#' 到选择器。所以你最终可能会尝试调用类似的东西：

$("#mediaswap div 元素名")

代替：

$("#mediaswap div #elementName")
于 2012-07-23T23:40:33.673 回答