滑动插件better-scroll在vue中的初体验

1、better-scroll不像其他的框架,需要在main.js中注册。

只需要在使用的组件中引用,并初始化就行了。


2、在组件内容部分应该写些什么呢

在booter-scroll的官网中

   

        内容

   

better-scroll 初始化了, 但是没法滚动。

不能滚动是现象,我们得搞清楚这其中的根本原因。在这之前,我们先来看一下浏览器的滚动原理: 浏览器的滚动条大家都会遇到,当页面内容的高度超过视口高度的时候,会出现纵向滚动条;当页面内容的宽度超过视口宽度的时候,会出现横向滚动条。也就是当我们的视口展示不下内容的时候,会通过滚动条的方式让用户滚动屏幕看到剩余的内容。

wrapper设置overflow: hidden,content就可滚动了。

这是better-scroll的官网。

谢谢观赏。

你可能感兴趣的:(滑动插件better-scroll在vue中的初体验)