Question

这太奇怪了，但无论如何都会尝试。所以我有100％的旋转木马。我的屏幕尺寸是1366px。我的网站是纵向长的，因此滚动会自动显示。它使网络更像1350px。但是我的旋转木马仍然采用1366px宽度并且在底部滚动。而有趣的部分是当我尝试检查时，底部滚动消失。当我检查时，我的宽度是1350像素。我一直试图解决它几个小时。

我最后的希望是你们。所以请帮助我。

编辑：已上传 http://leoxid.com/test/home_page.html 哦，请在Chrome上查看。没有做任何其他浏览器修复：D

Answer 1

看起来当初始化轮播时（onready？），内部内容尚未完全加载且其总高度小于可用浏览器客户区总高度。在初始化过程中，轮播将其宽度“固定”为以计算方式获得的宽度。

一旦解决方案是将overflow: scroll应用到您的身体，那么即使在轮播初始化之前，也会始终采取最右侧的16px左右。

Answer 2

我的猜测是你的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);

宽度100％，但额外的宽度正在滚动

2 个答案: