这太奇怪了,但无论如何我都会尝试。 所以我有这个100%的轮播。我的屏幕尺寸是 1366px。我的网站垂直较长,因此滚动条会自动出现。它使网络更像 1350px。但我的轮播仍然采用 1366px 宽度并在底部滚动。 有趣的是,当我尝试检查时,底部滚动条消失了。当我检查时我的宽度是1350px。我已经尝试修复它几个小时了。
我最后的希望就是你们。所以请帮助我。
编辑:已上传 http://leoxid.com/test/home_page.html 哦,请在 Chrome 上检查。没有做任何其他浏览器修复:D
最佳答案
我的猜测是您的 jQuery 在页面完全加载之前执行。这可以通过在 jQuery(document).ready(function(){ });
上执行代码来解决,或者,如果这不起作用,则设置超时:
<script type="text/javascript" language="javascript">
$(document).ready(){
setTimeout(function(){
$(function() {
$('#foo2').carouFredSel({
width : "100%",
align : "center",
auto : false,
prev : '#prev2',
next : '#next2',
pagination : "#pager2",
scroll : 3,
items : {
visible : 9,
}
});
});
}, 500);
});
</script>
可能不需要超时,但只是为了确定。
这就是它应该的样子,在您为轮播调用函数的地方。
$(document).ready() 等待文档完全加载。 setTimeout 会额外等待半秒,以确保所有内容均已真正加载。 (在图像加载缓慢的情况下很有用)。
如果超时过度,可以删除以下两行
setTimeout(function(){
}, 500);
关于jquery - 宽度 100% 但额外的宽度使滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20267541/