在用swiper做个展示的页面,在页面滚动的时候,会出现上下导航按钮,用户点击时,下滚或上滚。
当到第一个或最后一个时,不能点击的导航按钮还在,只是透明度变低了。
解决这个的方法就是,复写原始swiper样式。
.swiper-button-disabled{
opacity:0;
}
本文介绍如何在使用Swiper制作展示页面时,优化上下导航按钮的显示效果。当页面滚动到首尾时,不可点击的导航按钮将通过调整透明度为0的方式隐藏,提升用户体验。
在用swiper做个展示的页面,在页面滚动的时候,会出现上下导航按钮,用户点击时,下滚或上滚。
当到第一个或最后一个时,不能点击的导航按钮还在,只是透明度变低了。
解决这个的方法就是,复写原始swiper样式。
.swiper-button-disabled{
opacity:0;
}
6298