uniapp禁止页面滚动,uniapp滚动到底部

　　取消页面滚动条的统一方法：1。在[app.vue]页面中设置全局css样式属性；2.用代码[scrollIndicator:none]设置[page.json]中的默认属性。

　　UNI-APP开发(仿饿)开发课程：进入学习

　　本教程运行环境：windows7系统，Uni-App版本2.5.1，DELL G3电脑。这个方法适用于所有品牌的电脑。

　　推荐（免费）：uni-app开发教程

　　uniapp取消页面滚动条的方法：

　　第一种

　　在app.vue的页面中设置全局css样式属性

　　//第一种

　　滚动视图：-WebKit-滚动条{

　　显示：无！重要；

　　宽度：0！重要；

　　身高：0！重要；

　　-WebKit-外观：无；

　　背景：透明；

　　}

　　//第二种

　　:-WebKit-滚动条{

　　显示：无；

　　}第二种

　　在page.json中设置默认属性

　　//首先，这是app的非显示滚动条，可以添加在当前页面中

　　app-plus :

　　ScrollIndicator:none //当前页面不显示滚动条。

　　}

　　//也可以直接(不知道会不会生效，就全做了)

　　滚动条指示器:无

　　//示例代码

　　{

　　路径:页面/内容/索引，

　　样式:{

　　navigationBarTitleText“:”，

　　app-plus :

　　ScrollIndicator:none //当前页面不显示滚动条。

　　},

　　滚动条指示器:无

　　}

　　}

　　//第二个直接全局做的话还可以。

　　globalStyle: {

　　navigationBarTextStyle :黑色，

　　NavigationBarTitleText :我是王，

　　navigationBarBackgroundColor : # f8f8f 8 ，

　　backgroundColor: #F8F8F8 ，

　　scrollIndicator :无，

　　app-plus :

　　ScrollIndicator:none //全局来说，滚动条不会显示在应用程序页面上。

　　}

　　}相关免费学习推荐：编程视频

　　以上是uniapp如何取消页面滚动条的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。