Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/64.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript <;html>;比屏幕宽_Javascript_Html_Css - Fatal编程技术网

Javascript <;html>;比屏幕宽

Javascript <;html>;比屏幕宽,javascript,html,css,Javascript,Html,Css,有一个奇怪的问题,我的标签比我的显示器宽,它不应该这样。我有一些JavaScript,可以获取滚动偏移并调整我的背景,给它一个视差效果,但是正如你所看到的,一旦背景获得100%的宽度,它就会捕捉并拉伸。您可以通过缩小页面看到这一点,背景更大 知道它出了什么问题吗?这是我的JavaScript,通过检查元素来查看CSS。老实说,它也走得有点慢,工作得很顺利 var ismobile = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Min

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

知道它出了什么问题吗?这是我的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;
    }
}

将溢出属性添加到正文标记

body {overflow-X: hidden;}

在Chrome中似乎工作良好。在我看来,它在FF和Chrome中工作良好。顺便说一下,这个设计很漂亮。祝贺你。@knitevision不知道你在说什么,我用的是我那台糟糕的工作电脑,它运行得很好?@knitevision很好。。。迟缓的这对我来说不太重要。它很光滑。我用的是一台旧电脑,没有ssd,还有一个旧的Ubuntu版本。你在用Windows吗?也许这就是问题所在…:关于未设置样式的文件输入按钮,它还没有完成。让那人休息一下。在我看来它真的很漂亮。如果你能做得更好,很好。但为什么要这么苛刻呢?我住在巴西。这里的俗语是“放松,让它滚动”。事实上,这不是正确的翻译,但我认为你还没有准备好接受真正的翻译D@MartynBall不是拉吉。别听她的。