位置: 编程技术 - 正文

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万
  • 一个季度为纳税期限的规定适用
  • 营改增后城建税和教育费附加包含在哪里
  • 购买原材料无法确认收入
  • win10玩游戏时弹出error
  • vmware11安装win10
  • 总资产净利率和权益乘数之间的关系
  • 一个产品要有什么认证
  • 开办费属于什么科目类别
  • 超级本能加装硬盘吗
  • YunDetectService.exe是什么进程?YunDetectService.exe禁止使用的方法
  • nalntsrv.exe - nalntsrv是什么进程 有什么用
  • php和ajax用哪个调用数据
  • 住房贷款利息支出专项附加抵扣
  • php生成代码
  • 非货币资金包括哪些科目
  • 坏账损失税务处理
  • 圣托里尼岛游玩攻略
  • 提取现金 备发工资
  • 收到转账怎么写分录
  • lspci命令显示
  • 制造费用的科目
  • opengl开发图形界面
  • 融资交易的会计处理
  • 运输行业一般纳税人开普票税率是多少
  • 房地产企业拆迁还房会计处理
  • 创业带动就业补贴是给企业的还是员工的
  • 报表其他应收款包括哪些内容
  • 企业的固定资产包括哪些内容
  • 资金股东占股比例
  • 什么是累计预扣预缴应纳税所得额
  • 企业发生亏损时,下列各项,( )是弥补亏损的渠道
  • 设备的验证服务包括
  • 借别人的承兑后期还现钱可以吗?
  • 无形资产什么时候开始计提折旧
  • sqlserver数据库事物日志已满
  • sql语句优化总结
  • sqlserver获取数据库名
  • win10标题栏颜色改不了
  • linux服务端
  • win32api.exe - win32api是什么进程
  • xp系统如何隐藏我的电脑
  • mac运行很卡怎么办
  • mac硬盘的常见问题及解决
  • ubuntu20录屏
  • proflwiz.exe - proflwiz是什么进程 有什么用
  • win7c盘winsxs
  • 安卓 分包解压
  • 30岁亿万富婆
  • xp系统explorer停止工作
  • linux pymol
  • jsp实现ajax
  • node js 开发
  • unity入门教学
  • 刚开始学java的心得体会
  • js基于什么
  • springmvc接收json需要配
  • python *.py
  • 杨浦区办理健康证地点
  • 湖北职称网上申请流程
  • 放管服中的服的深层含义
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设