我正在使用一些非常简单的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中不再存在滚动问题,因此它似乎与更改显示有关。
如果有人能指出我在这方面的正确方向,那就太棒了。