1

我有一个名为 myDiv 的 CSS 类，当单击缩略图时它会向下滑动：

#myDiv
{
  height:800px;
  margin:0 auto;
  width:100%:
}

当用户点击缩略图时，缩略图myDiv将显示为 800 像素高。因为有多个不同高度的缩略图图像，myDiv例如单击缩略图 1 将使myDiv700 像素高，而缩略图 2 将 200 像素高，有没有办法使用 jQuery 动态计算高度？

由于我不精通这种语言，我只能描述场景，所以这里......

jQuery： 1. 点击 1：点击缩略图 1 时，获取类的高度myDiv= 700px 并向下滑动 2.点击 2：点击缩略图 2 时，获取上一个类（700px）和当前类（200px）的高度并减去彼此确定向上或向下滑动的值（700px - 200px = 500px）。

有没有办法计算之前和当前的高度，myDiv以便它向上或向下滑动到相应的高度？

非常感激您的帮忙。

编辑：CSS 和 jQuery

#box
{
max-width:1140px;
margin: 0 auto;
display: inline-block;

}

html[xmlns] #portfoliocontainer {
display: block;
}

* html #portfoliocontainer {
height: 1%;
}

#portfoliocontainer:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}

jQuery是：

$('#box').hide();
$('#myDiv').hide();
$('.portfolio-area').click(function(){
$('#myDiv').hide();

$('#box').slideDown('slow');
$('#myDiv').fadeTo('slow',1);

});
4

1 回答 1

1

我认为你需要的是一个clearfix。您可以 clearfix #portfolio div conainer 并删除定义的高度，然后一切都很好

http://www.webtoolkit.info/css-clearfix.html

投资组合 div 内部的 li 是浮动的，因此 div 没有获得 clearfix 将修复的任何高度，那么高度将是动态的而不定义它。

对于一个简单的测试添加这个并删除添加高度部分

#portfoliocontainer:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

您应该创建 clearfix 类并将其添加到该 id

于 2012-07-31T19:17:32.230 回答