最近有个小东西,分类筛选左侧超出了固定高度,想要他两边滚动但是不影响又右边的内容区域

注意这里是微信小程序的,但是大同小异

先看来看看效果

CSS布局设置如何才能做到左边滑动右边不动,右边滑动左边不动插图

其实实现方式很简单两个属性搞定的事
当然我这里在左侧的最外层盒子中使用position: fixed; + overflow: auto; + float: left;搞定了。

.side-tab{ 
	position: fixed;
	height: 100%;
	overflow: auto;
	float: left;
}

如果想去去掉左侧滚动条可以设置

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

原文链接:https://blog.csdn.net/weixin_42164539/article/details/106903421

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《CSS布局设置如何才能做到左边滑动右边不动,右边滑动左边不动
   

还没有人抢沙发呢~