Google Chrome中涉及Javascript的奇怪滚动问题

时间:2018-04-10 15:03:11

标签: javascript css google-chrome

我正在使用一些非常简单的HTML,CSS和JavaScript,并在Chrome中遇到一个奇怪的问题,似乎无处不在。基本上,一旦用户滚过屏幕上的某个点,就会返回到顶部'返回顶部'按钮显示在右下角。单击此按钮可将用户带回屏幕顶部。

我遇到的问题是仅在Google Chrome中,当按钮从"显示:无";到"显示:块",鼠标滚轮停止工作约五秒钟。

如果我使用箭头键或向上/向下翻页来滚动页面,则不是问题。如果我用鼠标滚轮慢慢滚动,似乎更经常发生。当滚动不起作用时,如果我继续滚动问题实际上持续更长时间。如果我停止滚动一秒钟然后再次开始滚动它会按预期工作。

HTML:

ImportError                          Traceback (most recent call last)
<ipython-input-9-2eecc34cc6d3> in <module>()
----> 1 import spams

/home/liuna/src/spams-2.6.1/spams.py in <module>()
  7 import six.moves
  8
----> 9 import spams_wrap
 10 import numpy as np
 11 import scipy.sparse as ssp

/home/liuna/src/spams-2.6.1/spams_wrap.py in <module>()
 22         except ImportError:
 23             return importlib.import_module('_spams_wrap')
---> 24     _spams_wrap = swig_import_helper()
 25     del swig_import_helper
 26 elif _swig_python_version_info >= (2, 6, 0):

/home/liuna/src/spams-2.6.1/spams_wrap.py in swig_import_helper()
 21             return importlib.import_module(mname)
 22         except ImportError:
---> 23             return importlib.import_module('_spams_wrap')
 24     _spams_wrap = swig_import_helper()
 25     del swig_import_helper

/usr/lib/python2.7/importlib/__init__.pyc in import_module(name, package)
 35             level += 1
 36         name = _resolve_name(name[level:], package, level)
---> 37     __import__(name)
 38     return sys.modules[name]

**ImportError: No module named _spams_wrap**

CSS:

<button onclick="topFunction()" id="myScrollBtn"><i class="fa fa-arrow-up"></i></button>

控制按钮显示的Javascript:

#myScrollBtn {
    display: none; 
    position: fixed; 
    bottom: 20px; 
    right: 20px; 
    z-index: 99; 
    border: none; 
    outline: none; 
    background-color: #e2e2e3;
    color: #e35205; 
    cursor: pointer; 
    padding: 12px; 
    border-radius: 10px; 
    opacity: .75;
}

#myScrollBtn:hover {
    background-color: #909195;
}

如上所述,这只是Google Chrome中的一个问题。滚动在Edge,FireFox,IE和Safari中运行良好。我暂时评论了javascript,并确认Chrome中不再存在滚动问题,因此它似乎与更改显示有关。

如果有人能指出我在这方面的正确方向,那就太棒了。

0 个答案:

没有答案