html - 在表格行上滚动不平滑 - Windows Phone

Question

我正在将混合应用程序从 Android 移植到 Windows-Phone-8.x。

我的 WP 应用程序在某些页面上以不稳定的方式滚动，不像我的 android 版本那样流畅。

我只是在使用简单的 td 对象。

如何让 windows-phone 也能流畅滚动？

我正在使用 html5、phonegap、jquery、jqm。

这是我的CSS:

td {
    text-align: left;
    width: 100%;
    background: #D3DFEA;    
}

我不想使用外部库。

Answer 1

在 Compass 中，我使用以下 mixin 在平板电脑/手机上启用平滑滚动。不确定 Windows Phone，但我认为它是类似的东西。

@mixin overflow-scrolling($x: hidden, $y: auto) {
    -webkit-overflow-scrolling: touch;
    overflow-x: $x;
    overflow-y: $y;
}

正在关注 this answer您可以创建自己的前缀组合。我没办法测试这个 atm。

所以尝试添加:

-ms-scroll-chaining: none;
-ms-touch-action: pan-y; // depending on direction
-ms-overflow-style: -ms-autohiding-scrollbar;

让我知道它是否有效;)