Javascript和Css:高度不变

Javascript和Css:高度不变,javascript,jquery,css,Javascript,Jquery,Css,我正在使用一个javascript自定义滚动条,我也在该滚动条中交换内容,唯一的问题是,当我切换不同的内容时,高度保持与原始div相同,并且不会调整,我不知道为什么 以下是我的Javascript: $(window).load(function(){ (function($) { $.fn.Fader = function() { this.each(function() { $('.clickme').bind('click', functio

我正在使用一个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“content”是指具有不同高度的不同div的div


非常感谢您的帮助

尽管缺少代码,我还是要尝试一下:

.content
仅能将其大小设置为334px,因为您将其设置为
#media_scroll
的最大
高度。尝试使用
minheight:334px或<代码>高度:自动并查看这是否有帮助。您还可以使用jquery调整
#媒体滚动的大小

此外,发布代码,并将其添加到中确实有助于我们解决您的问题

此外,针对Tyrsuis的观点:

$(“#mediaswap div”+$(this.attr('name')).fadeIn()

应该更像:

$(“#mediaswap div”+$(this.attr('name')).fadeIn()

但请记住,if
$(this).attr('name')
不会在选择器中添加“.”或“#”。 因此,您可能会尝试调用以下内容:

$(“#mediaswap div elementName”)

而不是:

$("#mediaswap div #elementName")

尽管缺少代码,我还是想试试这个:

.content
仅能将其大小设置为334px,因为您将其设置为
#media_scroll
的最大
高度。尝试使用
minheight:334px或<代码>高度:自动并查看这是否有帮助。您还可以使用jquery调整
#媒体滚动的大小

此外,发布代码,并将其添加到中确实有助于我们解决您的问题

此外,针对Tyrsuis的观点:

$(“#mediaswap div”+$(this.attr('name')).fadeIn()

应该更像:

$(“#mediaswap div”+$(this.attr('name')).fadeIn()

但请记住,if
$(this).attr('name')
不会在选择器中添加“.”或“#”。 因此,您可能会尝试调用以下内容:

$(“#mediaswap div elementName”)

而不是:

$("#mediaswap div #elementName")

fadeIn()还能用吗?看起来选择器是错误的。我认为我们需要查看html以了解发生了什么。是的,即使这样选择有效,在
div
attr('name')
之间也没有空格,所以它将一起运行。fadeIn()是否有效?看起来选择器是错误的。我认为我们需要查看html以了解发生了什么。是的,即使这样选择有效,在
div
attr('name')
之间也没有空格,因此它将一起运行。