仿淘宝、京东等电商网站楼层跳转滚动定位

所属分类:UI-滚动

 2131  39  查看评论 (0)
仿淘宝、京东等电商网站楼层跳转滚动定位 ie兼容7

第一,整合页面结构(html+css)

第二,引入floor.js,传入参数

/*     
    totop  //返回顶部按钮     
    fixedevery   // 左侧固定导航的每一项     louceng  //模块的每一项     header   //头部     */
$(function() {
    var obj = new floor('.totop', '.fixedmeau>li', '.louceng_box>.louceng', '.header_box');
    obj.init()
})

第三、实现楼层跳转、滚动监听、使用方便

相关插件-滚动

css3页面鼠标纵向滑动效果

css3页面鼠标纵向滑动效果
  滚动
 29000  149

简洁的jQuery滚动条插件scrollBar.js

本插件会将容器中滚动条样式进行统一,通过修改css任意改变滚动条的宽度与颜色,实现自定义滚动条的目的。
  滚动
 7870  40

新闻向下翻滚更新

新闻向下翻滚更新
  滚动
 11131  128

jQuery美化滚动条插件mCustomScrollbar

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义
  滚动
 5594  39

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复