【问题标题】:Scrolling with ion-scroll使用 ion-scroll 滚动
【发布时间】:2017-02-12 06:39:23
【问题描述】:

我希望使用离子滚动组件一次只允许一种滚动类型(垂直或水平)。我在 ion-scroll 元素上尝试了“锁定”属性,但没有运气。当我沿对角线拖动时,如下图所示。

如果您知道解决此问题的方法,请帮助我。提前致谢。

示例代码 - http://play.ionic.io/app/720567016712

【问题讨论】:

    标签: angularjs html ionic-framework hybrid-mobile-app


    【解决方案1】:
    <ion-content class="padding" overflow-scroll='false' locking="true" direction="xy" has-bouncing="false">
    

    使用这个,现在不要使用 ion-scroll,删除它.. 它会按你的意愿工作

    希望这对您有所帮助..谢谢

    【讨论】:

    • 感谢您的回复。但我需要内容能够双向滚动。我只是不希望它像我在问题中显示的图片一样同时发生。
    • hmmm .. okkk 那么我认为将锁定设置为 true 是最好的方法(y)
    • 我试过了,但仍然不能阻止对角拖动:(
    【解决方案2】:

    你可以通过使用locking ="true"来做到这一点

    并提及该离子的高度和宽度

    【讨论】:

    • 你可以在我的示例文件中查看它,我完全按照你说的做了。但仍然不能防止对角拖动。
    • 你能把它应用到小提琴上,以便我可以更新它。
    • 我试过了。但它不是如何工作的。 jsfiddle.net/ThetHlaing10/wwvvb52j 所以你可以更新我在问题中给出的 play.ionic.io 链接。随时更新。
    • 更新两个链接上的代码现在它只在一个轴上滚动 jsfiddle.net/ThetHlaing10/wwvvb52jplay.ionic.io/app/720567016712
    • 你可以像这样修改你的html
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-12-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多