位置: 编程技术 - 正文

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)

  • 摊薄净资产收益率是什么意思
  • 人力资源外包可以选择简易计税吗
  • 人工费用的核算例题
  • 开票资料银行必须填写吗
  • 外地工程款没有预缴会怎么样
  • 出纳可以编制工资单吗
  • 应税服务增值税抵免
  • 注册资本未到位转让股权
  • 离退休人员再任职的规定
  • 商贸企业可以使用月末一次加权平均
  • 增值税发票抵扣联丢失怎么办
  • 一个月无纳税凭证怎么处理
  • 增值税税额转出申报怎么填写
  • 实收资本是否可以更改
  • 自制材料入库计划成本
  • 住房公积金是福利费吗
  • 贷款呆账处理了多长时间恢复征信
  • 企业营业利润为负的原因有哪些
  • 发票专用章是个人
  • 未确认融资费用属于企业资产类科目对不对
  • 领用原材料用于职工福利的税费怎么算
  • 食堂充值管理制度
  • 卖固定资产如何申报
  • 流动资产损毁报废收益
  • rpcclient.exe - rpcclient是什么进程 有什么用
  • PHP:pg_result_error_field()的用法_PostgreSQL函数
  • 营业外收支的内容
  • php操作步骤
  • php获取表单数据的方法和区别
  • 其他收益会计科目怎么写
  • unity ik
  • list集合过滤
  • echarts中国地图代码
  • 目标检测数据集
  • 注意力机制 q k v
  • 防火门是属于固定材料吗
  • 经营结余是指事业单位在本年度经营活动
  • 哪些发票必须备注
  • sql server row_number over
  • 一个分组名称
  • 哪些发票不可以报销入账
  • 企业信息联网核查系统的意义
  • 事业单位小规模纳税人增值税账务处理
  • 建筑公司项目如何上手
  • 员工请假扣款怎么做分录
  • 委托出口由谁办理退税
  • 其他应付款能否直接做实收资本的账务处理
  • 向非金融企业借款会计分录
  • 错过报税期
  • 非流动资产处置利得计入什么科目
  • 项目完工后员工工作总结
  • 事业单位预收账款
  • 本票丢了别人可以取钱吗
  • windows禁止安装
  • iis w3svc
  • macOS 10.12 Beta 7更新了什么 macOS 10.12 Beta7更新内容汇总
  • ubuntu sshserver
  • DxDebugService.exe是什么进程 DxDebugService进程安全吗
  • 手机找回删除的文件
  • 怎样设置ie8
  • win10任务栏怎么变成透明
  • win8系统没有声音怎么办
  • js日期选择框
  • nodejs实战教程
  • jquery validation
  • 使用文字输入
  • python的入门教程
  • js怎么检查错误
  • javascriptcsdn
  • nodejs.
  • javascript基于
  • java的file类的常用操作
  • js的点击事件怎么做
  • jqury选择器
  • activity跳转闪退
  • 深入理解新发展理念
  • JavaScript Math.ceil 方法(对数值向上取整)
  • android 动画特效
  • 总结网络io模型的特点
  • 营业税发票丢失能否开增值税普票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设