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

标签 html css windows-phone-8

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

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

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

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

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

这是我的CSS:

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

我不想使用外部库。

最佳答案

在 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;

让我知道它是否有效;)

关于html - 在表格行上滚动不平滑 - Windows Phone,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27639074/

相关文章:

javascript - 在 html5 中加载和播放图像序列作为动画的最佳方式?

html - 当文本分成两行时,Flexbox 用空白填充 div

jquery - 可折叠点击后滚动到顶部

html - 在 Foundation 中更改顶部栏的颜色?

c# - 单击按钮时弹出

c# - 检测操作系统版本 - Windows Phone 7 或 Windows Phone 8?

c# - 如何打开 Facebook 应用程序以在 WP8 上共享链接?

jQuery .load() 获取内容而不附加

javascript - 根据内容调整 iframe 的大小

css - 条件语句和即空白页?