比屏幕宽

Question

有一个奇怪的问题，我的标签比我的显示器有更大的宽度，它不应该。我有一些JavaScript获取滚动偏移并调整我的背景，以给它一个视差效果，但正如你所看到的，一旦背景获得100％的宽度，它会捕捉并拉伸。你可以通过缩小页面来看到这一点，背景更大。

Here is the website

知道它出了什么问题吗？这是我的JavaScript，并通过检查元素来查看CSS。它也有点慢，说实话，工作顺利。

var ismobile = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
if (!ismobile){
    window.onresize = function(event) {
        //Detect window size and make new padding
        if (window.innerWidth > 835) {
            var newPadding = parseInt(window.innerHeight)/2.8;
            newPadding = newPadding.toFixed(0);
            var limitPadding = 221;

            //Apply new padding value to header
            if (newPadding > limitPadding) {
                doc("header").style.padding = newPadding + "px 0px";
            }
        }
    }
    window.onscroll = function() {
        var speed = 0.7;
        var newPos = "100% " + (window.pageYOffset * speed) + "px";
        document.body.style.backgroundPosition = newPos;
    }
}

Answer 1

将overflow属性添加到body标签...

body {overflow-X: hidden;}