Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.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 jQuery滚动到顶部冻结(如果调用中间滚动)_Javascript_Jquery_Html_Google Chrome - Fatal编程技术网

Javascript jQuery滚动到顶部冻结(如果调用中间滚动)

Javascript jQuery滚动到顶部冻结(如果调用中间滚动),javascript,jquery,html,google-chrome,Javascript,Jquery,Html,Google Chrome,我有一些代码使用jQuery的scrollTop(0)方法,在Chrome(版本56.0.2924.87)上无法正常工作 我的代码设置了2秒超时,该超时执行以下操作: 滚动到屏幕顶部 Un隐藏具有100%宽度和高度的div,并请求用户完成某些操作 将一个类附加到html标记,该标记设置溢出:隐藏 一旦用户完成操作,它将删除类并隐藏div,以便他们可以继续滚动 这在Firefox上运行良好 在Chrome上,如果用户在不滚动时执行2秒超时,则其工作正常。但是,如果用户正在滚动的时候调用2秒超时

我有一些代码使用jQuery的
scrollTop(0)
方法,在Chrome(版本56.0.2924.87)上无法正常工作

我的代码设置了2秒超时,该超时执行以下操作:

  • 滚动到屏幕顶部
  • Un隐藏具有100%宽度和高度的div,并请求用户完成某些操作
  • 将一个类附加到html标记,该标记设置
    溢出:隐藏
  • 一旦用户完成操作,它将删除类并隐藏div,以便他们可以继续滚动
这在Firefox上运行良好

在Chrome上,如果用户在滚动时执行2秒超时,则其工作正常。但是,如果用户正在滚动的时候调用2秒超时,它似乎会冻结。

我已经创建了包含所有代码的。如果在内嵌演示窗口中进行测试,则不会出现此问题,您需要在单独的窗口中单击预览(代码演示中右上角的蓝色按钮)

在我的演示中,如果超时在我未处于活动滚动状态时运行,则会发生以下情况:

这就是当我向下滚动(中间滚动)时执行超时时发生的情况:

即使用户当前正在页面上滚动,如何在Chrome上可靠地执行此操作?

如果添加stop(),该怎么办。在.scrollTop(0)之前

我不是专家,但可能值得一试


希望有帮助。

为什么显示时无法看到div。当事件在滚动的中间被调用时,滚动条隐藏在页面顶部的DIV APP,但是您的视口不在顶部位置。如果将div CSS position属性设置为fixed,它将起作用。“位置”特性的固定值相对于视口

所以问题不在jquery代码上

code here

并检查以下内容:

  • 滚动到屏幕顶部

  • 一旦用户完成操作,它将删除类并隐藏div,以便他们可以继续滚动

我认为如果他们能继续保持以前的位置,那将是最好的

code here