位置: 编程技术 - 正文

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)

  • 印花税资本金项目如何缴纳
  • 公司用的口罩放哪个科目
  • 增量留底退税好处
  • 公司会计日常工作内容
  • 资产处置损益对损益有影响吗
  • 抵扣认证的发票怎么查询
  • 行政事业性收费票据
  • 公司注销后专利还能转让吗
  • 产品售后维修产品介绍
  • 净资产的核算方法
  • 丢失海关专用缴款书后该怎么处理其相关会计分录
  • 影视发行收入该如何做税收处理?
  • 投资收益会计处理
  • 合同额在3000以下的是否缴纳印花税?
  • 运输发票上的印章怎么弄
  • 发票所有联次都需要加盖发票章吗
  • 公司收境外汇款
  • 帮其他公司垫付的钱怎么写分录
  • 商场补贴申请怎么写
  • 外派人员计算个人所得税可否有附加扣除
  • 汇算清缴税务审计报告
  • 进项是普票销项是专票,怎么交税
  • 双系统怎么卸载ubuntu
  • 资产总额和净资本的关系
  • 提取利润会计分录怎么做
  • 滴滴发票开公司名称可以抵扣进项吗
  • 王者荣耀中雅典娜的战争女神多少钱
  • 其他综合收益和其他收益的区别
  • 微软正在测试什么意思
  • 施工机械保险费属于什么费用
  • html中a标签的作用
  • wordpress登录入口
  • yii2框架结构
  • 公司内部往来双向挂账
  • 拔缴经费收入
  • 训练集验证集和测试集
  • yolov3 pytorch详解
  • yii2框架面试题
  • aes加解密工具
  • 宝塔wordpress安装
  • 车子以旧换新
  • 认缴出资和注册资本
  • 捐赠合同模板
  • python清除变量的命令
  • python concat函数用法
  • 计提工资大于实发工资企业所得税怎么算
  • 费用发票先入账吗
  • 股东投钱一般怎么投
  • sql server 创建数据表状态1第三行语法错误怎么回事
  • 股权变更后税务登记
  • 运输费属于生产成本还是制造费用
  • 资源税会计科目
  • 如何开具污水处理证明
  • 个人所得税多计算了一个月工资怎么办
  • 内部使用的收据可以做原始凭证吗
  • 预付账款要设明细科目吗
  • 电子税务局申报比对异常
  • 专利年费计入什么科目没有研发费用
  • 一般户和基本户怎么使用最好
  • sql操作方法
  • win10简单版
  • mysql 5.7.11 zip安装配置方法图文教程
  • 添加到右键快捷方式
  • win10病毒与防护
  • 腾讯linux服务器
  • lsass.exe在哪个文件夹
  • win8系统怎么打开运行
  • 安装音乐库
  • js填写input
  • layer关闭当前窗口
  • nodejs web3
  • 记住密码自动登录 会更新登陆信息吗
  • nodejs filereader
  • 你有一份来信
  • 基于JavaScript的图书管理系统
  • javascript教程完整版
  • 在shell中获取脚本命令行参数的方法和区别
  • 运输费用抵扣税率最新规定
  • 12366属于哪个部门
  • 办税人员怎么绑定电子税务系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设