javascript - 在 WinJS HTML5/JS Windows 应用商店应用程序中获取平移内容的滚动偏移量?

标签 javascript css windows-store-apps winjs

我已经基于 WinJS 设置了一些平移内容 HTML scrolling, panning and zooming sample .当我的滚动内容的滚动位置发生变化时,我想要一个事件监听器。

但是,由于滚动功能是使用 CSS 属性添加的,而不是指定 data-win-control,因此很难确定是否存在我可以监视其属性以在滚动位置变化。文档 here似乎暗示没有这样的对象暴露给JS:

The scroll control provides assistance to users for panning or scrolling a view. It is exposed to Windows Store app using JavaScript developers at design time through Cascading Style Sheets (CSS) only

我一直在尝试监听 DOMAttrModified 包含滚动内容的 div 上的事件(使用 -ms-scroll-snap-type: mandatory & overflow-x: auto; 设置),但它没有似乎在滚动位置发生变化时触发。

当通过 CSS 设置的平移内容的滚动偏移发生变化时,是否可以设置一个事件监听器来通知我?

我已经尝试了一些 hack(包括将 JQuery 添加到元素中并使用 .offset()),但是无论我使用什么方法,都会看到元素的位置不受滚动偏移(基本状态)的影响可以说是页面的一部分)。

最佳答案

常规元素,如 <div> (和 window )触发 scroll滚动时的事件,以及它们的 scrollTop scrollLeft 属性将指示 x 和 y 轴上的当前滚动位置。同样有用的是 scrollHeight scrollWidth 属性,它为您提供内容的宽度/高度(包括剪裁部分)。

关于javascript - 在 WinJS HTML5/JS Windows 应用商店应用程序中获取平移内容的滚动偏移量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13805745/

相关文章:

javascript - 在 Twitter 上显示和隐藏内容

javascript - 如何为这些元素上的 hide() 和 show() 效果添加过渡?

javascript - 使用 Jasmine 测试 Web 套接字

javascript - Rails 6 Webpacker 从 Rails View 调用 javascript 函数

javascript - 如何使用开始最小化的 html、css、jquery 和 php 创建响应表单?

javascript - 在 Windows 应用商店 Javascript 应用程序中使用 Ace 编辑器

javascript - 移动/iOS 溢出 :auto Not Working

CSS定位绝对需要兄弟元素的相对位置

javascript - ListView不显示数据

c# - ListView-Binding 中 ObservableCollection 的过滤和排序