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

Question

我已经基于 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())，但是无论我使用什么方法，都会看到元素的位置不受滚动偏移(基本状态)的影响可以说是页面的一部分)。

Answer 1

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