[英]scrollIntoView with smooth behavior not working in chrome when raised by wheel event
解释起来有些棘手，所以可能最容易理解该问题的方法是访问网站，并比较Firefox（按预期效果完美运行）和chrome（scrollIntoView不起作用）之间的行为。
基本上，我有一个左列菜单，但我不想放一个位置：固定，所以它是一个相对的浮动对象。 因此，主要内容的滚动条上带有overflow-y。
现在，我有一个“欢迎”图像，该图像占据了访客的所有屏幕高度。 我创建的行为是当访客向下滚动时，它会直接到达图像的末尾。 当访客位于图像下方并向上滚动时，它会直接转到图像顶部。 除此之外，文本中的滚动条很普通。
Firefox一切正常，但Chrome无法按预期滚动到视图中。 请参阅上面链接的网站中的scroll.js文件，console.log显示chrome正在捕获wheel事件并输入scrollIntoView但不会滚动。
我应该报告那个Chrome漏洞吗？
谢谢
您必须查看WheelEvent.deltaMode值才能知道浏览器如何报告wheel事件：
WheelEvent.deltaMode只读
返回一个无符号长整数，代表增量值滚动量的单位。 允许的值为：
Constant Value Description
DOM_DELTA_PIXEL 0x00 The delta values are specified in pixels.
DOM_DELTA_LINE 0x01 The delta values are specified in lines.
DOM_DELTA_PAGE 0x02 The delta values are specified in pages.
一个很好的库可以标准化浏览器中的wheel事件， 网址为https://github.com/basilfx/normalize-wheel
scrollintoview 在 chrome 版本>=81 中不起作用。 行为平稳没有发生
[英]scrollintoview is not working in chrome version>=81. Behaviour smooth is not happening
如何设置到 .scrollIntoView 行为的定时过渡：平滑？
[英]How to set a timed transition to the .scrollIntoView behavior: smooth?
scrollIntoView() 在 Chrome 中的多个元素上使用平滑功能
[英]scrollIntoView() using smooth function on multiple elements in Chrome
Javascript scrollIntoView 函数在 chrome 中不起作用
[英]Javascript scrollIntoView function not working in chrome
scrollIntoView() 在 IOS safari 和 chrome 上不起作用？
[英]scrollIntoView() not working on IOS safari and chrome?
有没有办法加快Element.scrollIntoView'平滑'的行为？什么是'自动'？
[英]Is there a way to speed up the Element.scrollIntoView 'smooth' behavior? What is 'auto'?
谷歌浏览器：同时“平滑”scrollIntoView() 与更多元素不起作用
[英]Google Chrome: Simultaneously 'smooth' scrollIntoView() with more elements doesn't work
Chrome和IE：使用鼠标滚轮滚动时，视差（jQuery动画）不流畅
[英]Chrome and IE: parallax (jQuery animate) is not smooth when using mouse wheel to scroll
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
