使用vux中scroller组件遇到的问题

转载于 2018-10-11 09:46:39 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5bbf191c5188255c8d0fed3a

本文解决了一个在使用Vux框架的Scroller组件时遇到的问题：当页面滚动到底部时，组件自动回弹到顶部，导致底部内容无法正常点击。通过在Scroller内部添加一个div元素，成功解决了这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：在使用vux Scroller组件时发现页面拖动到底部后会自动回弹到顶部，导致无法点击下边的内容，查了各种资料，也没有找到原因。(说实话，官方这个demo介绍的实在是不太详细)

解决方案：
后来灵机一动，在内部添加了一个div，终于成功。大概结构如下：
<template>
    <scroller>
        <div>
            <p>超级长的内容...</p>
        </div>
    </scroller>    
</template>

<script>
    import { Scroller } form 'vux';
    export default{
        components:{
            Scroller
        }
    }
</script>
复制代码

转载于:https://juejin.im/post/5bbf191c5188255c8d0fed3a