素材牛VIP会员
唯品会的购物袋滚动条是怎么做出来的 没有max-height和overflow:scroll这个样式
 蜜***园  分类:Html5  人气:1516  回帖:5  发布于6年前 收藏


我好想知道 这么酷炫的滚动条是怎么做出来的?

人家的唯品会都没用过max-height和overflow:scroll

 标签:css3jqueryhtml5

讨论这个帖子(5)垃圾回帖将一律封号处理……

Lv1 新人
威***军 职业无 6年前#1

div模拟的滚动条呗,移动端常用的有个叫iScroll

Lv3 码奴
销***表 PHP开发工程师 6年前#2

可以使用滚动条的js插件的,如malihu,官网http://manos.malihu.gr/jquery-custom-content-scroller/
你可以自己搜一下很多。这里有个使用的Demo,http://www.cleey.com/blog/single/id/700.html

Lv3 码奴
lo***ng PHP开发工程师 6年前#3

http://www.swiper.com.cn/demo/32-scroll-container.html

Lv6 码匠
爱***粉 移动开发工程师 6年前#4

我也正好有这个需求. 不过还好解决了.

说个思路吧.

我就是拿了个div盖在原生的滚动条上. 然后js得到滚动的高再top. 总之就是用原生的scroll只是样子变了而已

demo是这样的.只是颜色比较单一

Lv1 新人
qq***70 职业无 1年前#5
感谢
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取