属性说明

    示例

    1. export default {
    2.     data() {
    3.         return {
    4.             scrollTop: 0,
    5.             old: {
    6.                 scrollTop: 0
    7.             }
    8.         }
    9.     },
    10.     methods: {
    12.             console.log(e)
    13.         lower: function(e) {
    14.             console.log(e)
    15.         },
    16.         scroll: function(e) {
    17.             console.log(e)
    18.             this.old.scrollTop = e.detail.scrollTop
    19.         },
    20.         goTop: function(e) {
    22.             this.$nextTick(function() {
    23.                 this.scrollTop = 0
    24.             });
    25.                 icon:"none",
    26.                 title:"纵向滚动 scrollTop 值已被修改为 0"
    27.             })
    28.         }
    29.     }
    30. }

    Tips

    • 5+APP和小程序中，请勿在 scroll-view 中使用 map、video 等原生组件。小程序中 scroll-view 中也不要使用 canvas、textarea 原生组件。更新：微信基础库2.4.4起支持了原生组件在 scroll-view、swiper、movable-view 中的使用
    • scroll-view 不适合放长列表，有性能问题。长列表滚动和下拉刷新，应该使用原生导航栏搭配页面级的滚动和下拉刷新实现。
    • scroll-into-view 的优先级高于 scroll-top。
    • 使用 scroll-view 会和原生下拉刷新造成冲突，所以在使用 scroll-view 的地方不建议使用下拉刷新，也不建议监听 onPullDownRefresh 事件。
    • 若要使用下拉刷新，请使用页面的滚动，而不是 scroll-view 。插件市场有前端模拟的下拉刷新，但性能不佳。
    • 如果遇到scroll-top、scroll-left属性设置不生效的问题参考：