位置: 编程技术 - 正文

jquery实现全屏滚动(jquery控制滚动条位置)

编辑:rootadmin

推荐整理分享jquery实现全屏滚动(jquery控制滚动条位置),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery设置滚动条,jquery 设置滚动条位置,jquery设置滚动条,jquery设置滚动条,jquery滚轮事件,jquery设置滚动条,jquery设置滚动条,jquery设置滚动条,内容如对您有帮助,希望把文章链接给更多的朋友!

在很多情况下,我们需要页面的全屏滚动,尤其是移动端。今天简要的介绍一下全屏滚动的知识。

一.全屏滚动的原理1.js动态获取屏幕的高度。

获取屏幕的高度,设置每一屏幕的高度。

2.监听mousewheel事件。

监听mousewheel事件,并判断滚轮的方向,向上或向下滚动一屏。

二.jQuery插件fullpages介绍fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有:

支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等

使用方法

jquery实现全屏滚动(jquery控制滚动条位置)

1、引入文件

2、HTML

每个 section 代表一屏,默认显示“第一屏”,如果要指定加载页面时显示的“屏幕”,可以在对应的 section 加上class=”active”,如:

同时,可以在 section 内加入 slide(左右滑动),如:

3、JavaScript

可以进行跟多的配置:

三.动手写全屏滚动这里主要介绍监听mousewheel事件及滚动。

由于mousewheel事件的兼容性,引用jquery-mousewheel插件来监听滚轮事件。

通过参数delta可以获取鼠标滚轮的方向和速度(旧版本需要传delta参数,新版本不需要,直接用event取)。如果delta的值是负的,那么滚轮就是向下滚动,正的就是向上。

可以根据需求使用fullpages实现全屏滚动(上下,左右),也可以使用jquery-mousewheel定制不同高度的全屏滚动。

标签: jquery控制滚动条位置

本文链接地址:https://www.jiuchutong.com/biancheng/379227.html 转载请保留说明!

上一篇:JQuery datepicker 用法详解

下一篇:基于jquery实现瀑布流布局(jquery ul li)

  • 缴纳印花税的会计凭证
  • 物流货物损失该由谁负责
  • 房地产企业增值税收入确认时间
  • 员工可以签订两份劳动合同吗
  • 企业级软件开发
  • 应付票据的处理
  • 如何计算应交税
  • 发票折扣有没有限制
  • 收到股东借款的现金
  • 超30日未备案
  • 实收资本没到账,一直挂其他应收款,有啥影响
  • 当期销项税额等于什么乘以什么
  • 发票金额是价税价格吗
  • 发票查验平台查询官网手机版App
  • 跨市工程预交的税怎么算
  • 所得税汇算清缴补税的会计处理
  • 工会委员会开票信息
  • 计提外币借款利息
  • iphone制造成本
  • win7系统怎样
  • 王者荣耀中吕布的克星
  • 设备租赁公司怎么复制赚钱
  • 结转本年利润之后还要干啥
  • windowsserver2019安装教程
  • 预缴税款忘记抵扣
  • windows10一直刷屏
  • windows 10 build 21354
  • PHP:Memcached::touch()的用法_Memcached类
  • PHP:pg_select()的用法_PostgreSQL函数
  • 未确认融资收益怎么理解
  • 不良贷款转让需遵循的原则
  • 悬崖雕塑
  • php声明一个类
  • php常用数组函数有哪些
  • pytorch基础教程
  • 第十七届全国大学生智能车
  • php7 nginx
  • 进项税额转出在申报的时候怎么填
  • 公司购买家电开什么发票
  • 劳务派遣业务如何开展
  • 筹资费用可以算成本吗
  • 印花税都有什么类目
  • 营业外支出的内容包括
  • 取得税务师证书申请社保补贴
  • 研发支出资本化计入什么科目
  • 现金存货盘盈盘亏计入什么科目
  • 善意取得虚开增值税专用发票处理
  • 公司买的材料做什么分录
  • 申报要补税怎么办
  • 去年少交的增值税可以和今年的合并吗
  • 资产减值损失科目借方增加还是减少
  • 售后回购融资租赁的会计处理
  • 收到对方的银行汇票算什么凭证
  • 给员工购买的意外险可以税前扣除吗
  • 滞纳金在年报的营业外支出的哪一项?
  • 企业的研发活动阶段包括
  • 个人到税务局开普票要交多少税
  • mysql慢查询日志在哪里
  • mysql获取字段中的数字
  • 开始菜单字体
  • winscope是什么意思
  • win7无法访问局域网电脑
  • linux磁盘分区表
  • 相机跟随人物移动
  • 关于javascript函数
  • 如何调试自己的情绪
  • JavaScript中的复杂数据类型又称为
  • wordpress教程
  • jquery on()
  • JQuery之proxy实现绑定代理方法
  • pythonwhile循环语句用法
  • 公司代扣税怎么办理
  • 山东省立第三医院地址
  • 重庆市网上税务局官网
  • 电子税务局申领的发票怎么读入金税盘
  • 税务文书保存期限分几类
  • 新疆地方税务局
  • 发票校验码不清楚
  • 国家税务总局云平台网址
  • 诊所备案申请表在哪下载
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设