我有一个Slider,可以根据Divs高度自动调整/使用滚动条,这样如果幻灯片中的内容大于容器,它会显示一个滚动条(overflow-y:scroll)。
<div id="container for slider with scroll">
<div id="with content">lots of content, show me scroll</div>
</div>
问题在于,当我通过Ajax将更多内容加载到单个div中时,它不会刷新滚动高度,并且内容会被切断。我尝试使用clear,overflow,auto height来调整CSS样式。我也尝试用jquery中的.outerHeight(true)刷新外部div,但我没有运气。
此问题的一个示例位于http://prod.bravopublicidad.es,在线或外部,点击“mas信息”
任何线索或建议都将不胜感激。
答案 0 :(得分:0)
我怀疑这是DOM级别的问题。加载更多内容时,指标(高度,宽度等)将更新。你是使用一些插件来做自定义滚动还是这是一个纯CSS的东西?如果您可以发布一个简明代码示例来演示问题,那也会有所帮助。
好吧,听起来这对你正在使用的插件有问题。我敢打赌,当它被初始化时,它会获得滚动高度并存储它,从不再次检查它是否发生了变化。看看该插件提供的方法:可能会有一个reset
或init
函数,您可以手动运行它以再次检查高度。