7,最终效果
列表数据1
列表数据2
列表数据3
列表数据4
列表数据5
列表数据6
列表数据7
列表数据8
列表数据9
列表数据10
列表数据11
列表数据12
列表数据13
列表数据14
列表数据15
列表数据16
列表数据17
列表数据18
列表数据19
列表数据20
列表数据21
列表数据22
列表数据23
列表数据24
列表数据25
列表数据26
列表数据27
列表数据28
列表数据29
列表数据30
列表数据31
列表数据32
列表数据33
列表数据34
列表数据35
列表数据36
列表数据37
列表数据38
列表数据39
列表数据40
把滚动条去掉,把overflow:auto -- > overflow:hidden;即可达到效果, 但直接改css这个并不太好。为什么?当用户禁用javascript的时,那么截断的部分将无法显示。所以我们仍保持css中的overflow为 auto,通过js来重新设置overflow为 hidden;当用户启用js的时候,才设置为hidden。禁用js的时候,那么列表将会出现默认的滚动条,保证了可用性。