小编Vít*_*ček的帖子

我遇到了一个有趣的问题.我正在使用jquery来动画html和body标签的scrolltop属性来执行平滑滚动.它工作得很好,但在MS Edge中出现水平滚动条(Mac,没问题,没有任何东西溢出到两边:/).所以为了防止这种行为,我将overflow-x:hidden设置为body和html标签.水平滚动条消失了.然而,我的顺畅滚动不起作用.当您不在页面顶部时单击按钮向下滚动时,视图会跳到顶部,而且它不会滚动到请求的位置.

这是您可以看到它的网站.点击PROMUŽE或PROŽENY(位于顶部中央).http://mountiny.com/lab/colourMe/ 你知道为什么水平滚动条在某些Windows浏览器中显示而在它上面没有吗？

感谢您解释动画行为以及滚动条的帮助.

那是我的Javascript(jQuery)

<script type="text/javascript">
    var colors = ["red", "purple", "pink"];
    var number = Math.floor(Math.random() * 3);
    var logo = $(".logo img");
    var parfem = $(".parfem img");
    var descBg = $(".desc");
    var introSection = $(".intro");
    var text = $(".introText");
    var contentText = $(".content-text");
    var lomitko = $("#svgLomitko");

    if (number == 0) {
        logo.attr("src", "images/colourme_logo_cervena.png");
        parfem.attr("src", "images/colourme_cervena.png");
        introSection.css("backgroundColor", "#D2232A");
        contentText.css("backgroundColor", "#D2232A");
        descBg.css("backgroundColor", "rgba(210, 35, 42, 0.7)");
        text.css("color", "#981A26");
        lomitko.css("stroke", "#981A26");
        // alert("red");
    }else if(number == 1) { …