小程序开发常用小技巧

最新推荐文章于 2024-07-24 12:21:11 发布

wapchief

最新推荐文章于 2024-07-24 12:21:11 发布

阅读量230

点赞数

分类专栏：前端技术文章标签：小程序

本文链接：https://blog.csdn.net/wapchief/article/details/89352698

版权

前端技术专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、去掉ScrollView的滚动条

::-webkit-scrollbar
{
width: 0;
height: 0;
color: transparent;
}

2、去掉Button自带的圆角（Taro）

button::after {
  border: none;
}

3、布局包含View和ScrollView只滚动ScrollView

//1.指定容器的高度
page {
    height: 100%;
}
//2.指定自定义的容器高度（ScrollView父级View）
.scroll-view-box{
	height:100%;
}
//3.指定ScrollView高度为100% 减去 不需要滚动的View高度
.scroll-view{
	height: calc(100% - 100px);
}