关于几种滚动效果的总结

1.多行滚动

这种写法要注意几个问题,第一滚动的的总高度要大于ul的高度,第二ul的overflow属性要选择hidden,不然会出现这种情况,只有滚动过程中给最后一行滚出和滚动行的高度一样的空间最后一行才会出现,所以视觉上就给人一种最后一行突然跳入的感觉。

2.单行滚动,而且带有停顿的效果可以用swiper插件来写。

当然首先要引入swiper.css或者swiper.min.css和swiper.jquery.js或者swipe.jquery.min.js

设置main-g(显示容器)的宽高

               


                   

                       

                             
内容

                             
内容

                             
内容

                       

                   

               

注意其中除了main-g和内容部分的自定义class,其他class名不得修改,内容部分可以自定义新节点,添加新元素。

 

初始化:

 

 

 

你可能感兴趣的:(关于几种滚动效果的总结)