better-scroll如何实现菜单和内容联动效果 better-scroll实现菜单和内容联动效果代码

作者:袖梨 2022-06-25

本篇文章小编给大家分享一下better-scroll实现菜单和内容联动效果代码,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

1、基本使用




  
  
  Document
  css" rel="stylesheet">
  


    

由于浏览器的兼容性,每个浏览器的滚动条样式都不尽相同,使用css样式修改的话,也只有部分浏览器能达到你想要的效果。

better-scroll模拟实现滚动条,父容器设置固定高度,并设置属性 overflow:hidden,让子元素超出父容器后隐藏,better-scroll作用在父容器上,通过transform:translate属性来让子元素滚动到想要的地方。

相关文章

精彩推荐