我正在开发一个简单的内容 slider 。但是,随着新内容的滑入,容器不会扩展。我认为这是因为内容项的位置设置为绝对位置。但是,如果它们没有绝对定位,则内容项不会正确排列。
因此,我的问题是:如何让容器 (#triv_cont) 在下一个内容项滑入时展开?如果解决方案不是绝对定位内容项,那么如何让内容项对齐?我试过 vertical-align:top 但没有成功。
测试代码在这里-> http://codepen.io/lukeocom/pen/mHyBv
内容项的 CSS 选择器是:
#promos .trivia #triv_cont div
容器是:
#promos .trivia #triv_cont
我已经回顾了一些与此相关的问题,但似乎找不到解决方案...
最佳答案
我通过在按下下一个按钮时将容器的高度设置为下一个内容项的高度来解决这个问题。
thisHeight = $('#' + selx).height() + 20;
然后
$('#triv_cont').animate({height: (thisHeight + 'px')}, 1000, 'swing');
简单...
关于jquery - 具有动态高度的简单内容 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14576244/