Javascript和Css:高度不变
我正在使用一个javascript自定义滚动条,我也在该滚动条中交换内容,唯一的问题是,当我切换不同的内容时,高度保持与原始div相同,并且不会调整,我不知道为什么 以下是我的Javascript: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
$(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')
之间也没有空格,因此它将一起运行。