缩放,滚动FlipView项目 [英] Zooming, scroll on a FlipView item
问题描述
您好,我正在尝试使用包含多个项目的FlipView,您可以在其中缩放和滚动特定项目。 这可以通过设置overflow:scroll和-ms-content-zoom来实现:放大win-template类。花了
来确定FlipView图像的父节点是什么,但我找到了它。
Hello, I am attempting to work with a FlipView that contains several items where you can zoom and scroll on a particular item. This can be achieved by setting overflow: scroll and -ms-content-zooming: zoom on the win-template class. It took some prodding to figure out what the parent node was for a FlipView image but I found it.
问题是,一旦你这样做,你就不能再滚动了因为"溢出:滚动"而转到下一个项目。 目前我正在调查这样做:
The problem is that once you do this, you no longer can scroll to the next item because of "overflow: scroll". Currently I'm investigating doing this:
- 听取flipview上的pageselected。
- 为图像父级(win-template节点)添加onscroll侦听器。
- 刺激以查看用户是否水平滚动超过图像的结尾。 //这就是我目前正在做的事情。还没弄明白怎么做。
- 然后手动触发flipview的next()函数或删除"overflow:scroll"。从图像的父母的风格。不确定哪个更好。
我这样做的主要担心是体验可能变得滞后,因为onscroll在用户滚动时会不断发射。我的问题是:
My main concern with doing it this way is that the experience may become laggy, since onscroll is going to fire constantly while the user is scrolling. My question is:
- 是否有更好的(内置?)方法来实现我在这里尝试做的事情?
- 是否有更好的事件可以收听而不是onscroll? 也许是当滚动元素拖过末尾时触发的事件?
谢谢!
推荐答案
马修,
我认为你看到嵌套控件中的不必要的问题需要使用相同的导航事件,最终只有一个有用。 你正在遇到一次性的情况,并且需要找出
在这种情况下适用于你的具体情况。 我自己,我将可滚动区域的内容放入一个比控制翻页视图页面的div更小的区域(比如1到10个像素),就像平板电脑上的挡板一样。 然后
你的手指(或鼠标)可以使用该区域来切换flipview的页面,而里面的区域可以缩放。
I think you see the inherant problems in nesting controls that need to use the same events for navigation and ultimately, only one works. You're running into a one-off situation and are just going to need to figure out what works in this case for your specific scenario. Myself, I would enclose the contents of the scrollable area into an area that is just smaller (think 1 to 10 pixels) than the div that controls the flipview page, like the bezel on a tablet. Then you finger (or mouse) can use that area to switch the pages of the flipview, while the area inside can zoom.
;如果您有任何其他问题,请与我们联系。
Please let me know if you have any further questions.
这篇关于缩放,滚动FlipView项目的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!