我已经通过此处scroll-snap-align记录和此处记录使用滚动捕捉为我的网站实现了设计。scroll-snap-type
该实现有效,但是在 Google Chrome 上,用户必须非常“坚定”地滚动才能移动到下一部分。另一方面,在 Firefox 上,只需滚动滚轮一次“嘀嗒”即可移至下一部分。Firefox 上的行为更理想,而 Chrome 上的行为感觉笨拙且不自然。
我想知道是否有办法调整 Chrome 上的滚动灵敏度或类似的方法,以实现与 Firefox 中相同的行为。
我创建了一个具有最小实现的JSFiddle,它演示了上述浏览器之间的不同行为。
提前致谢。
编辑:JSFiddle(实际上是我的网站)中的行为现在已更改为不同但同样令人不满意的内容。现在,在鼠标滚轮上向下滚动一个“凹口”会导致滚动捕捉向下 2 个部分而不是 1 个部分,我创建了一个新的JSFiddle和第 4 个部分,以确认滚动向下 2 个部分而不是直接到达最后一个部分。我无法找到导致此问题的规范更新或更改的参考。
我不确定在这篇文章中要包含什么内容,因为我真的不理解错误消息,所以我只包含了错误、Model.hs 文件和模型。我正在使用 MySQL 的 Yesod 脚手架网站。我使用的操作系统是 Ubuntu。如果您需要查看任何其他代码(例如数据定义),请询问。
\n\n错误信息:
\n\n[ 6 of 20] Compiling Model ( src/Model.hs, .stack-work/dist/x86_64-linux/Cabal-1.24.2.0/build/Model.o )\n\n/home/james/ConVoke/convoke-website/src/Model.hs:24:7: error:\n \xe2\x80\xa2 No instance for (persistent-2.7.0:Database.Persist.Sql.Class.PersistFieldSql\n Language)\n arising from a use of \xe2\x80\x98persistent-2.7.0:Database.Persist.Sql.Class.sqlType\xe2\x80\x99\n \xe2\x80\xa2 In the fourth argument of \xe2\x80\x98FieldDef\xe2\x80\x99, namely\n \xe2\x80\x98persistent-2.7.0:Database.Persist.Sql.Class.sqlType\n (Data.Proxy.Proxy :: Data.Proxy.Proxy Language)\xe2\x80\x99\n In the expression:\n FieldDef\n (HaskellName (packPTH "language"))\n (DBName (packPTH "language"))\n (FTTypeCon Nothing (packPTH "Language"))\n (persistent-2.7.0:Database.Persist.Sql.Class.sqlType\n (Data.Proxy.Proxy :: Data.Proxy.Proxy Language))\n []\n True\n NoReference\n In the \xe2\x80\x98entityFields\xe2\x80\x99 field of a record\n\n-- While building package website-0.0.0 using:\n …Run Code Online (Sandbox Code Playgroud)