【问题标题】:How to get Mac smooth scrolling to work on an element如何让 Mac 平滑滚动以处理元素
【发布时间】:2013-03-27 00:35:06
【问题描述】:

我创建了一个虚拟渲染实现(类似于您在 SlickGrid 项目中找到的)。一切似乎都运行良好,但有一个问题:在 Mac 上,当我添加 overflow: auto??

http://syntaqx.com/infiniload/

任何帮助将不胜感激。

【问题讨论】:

  • 在带有触摸板的 Mac 上?如果是这样,请尝试将 -webkit-overflow-scrolling: touch; 添加到您的元素中。
  • 没关系...启动了我的 macbook,但它似乎没有做任何事情(不像 iOS):jsfiddle.net/EyLjB
  • 感谢您的尝试.. 关于我可以尝试的任何其他想法?它只适用于带有overflow 而不是window 的元素,这似乎很奇怪。例如,尝试将鼠标移动到没有显示白色元素的页面一侧。一切正常。。
  • 不幸的是,这是我所知道的唯一可以影响滚动缓动的 CSS 属性。您可能必须使用 body 而不是 .window-container 作为主容器。
  • 不幸的是,这带来了一组全新的错误,我必须使用 <div> 解决这些错误。

标签: javascript css html overflow smooth-scrolling


【解决方案1】:

您可以使用 JS 库: https://github.com/ftlabs/ftscroller

FTScroller 是一个允许触摸的跨浏览器 Javascript/CSS 库, 鼠标或滚轮在指定元素内滚动,使用 分页、对齐和弹跳支持。

【讨论】:

    猜你喜欢
    • 2013-11-22
    • 2015-09-23
    • 1970-01-01
    • 2021-02-12
    • 1970-01-01
    • 2019-06-18
    • 2011-07-02
    • 2019-01-12
    相关资源
    最近更新 更多