位置: 编程技术 - 正文

移动端jQuery修正Web页面滑动时div问题的两则实例(jquery修改css)

编辑:rootadmin

推荐整理分享移动端jQuery修正Web页面滑动时div问题的两则实例(jquery修改css),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery修改值,jquery修改,jquery修改css,jquery修改css,jquery怎么修改样式,jquery修改,jquery移动版,jquery修改css,内容如对您有帮助,希望把文章链接给更多的朋友!

顶部固定时划屏出现闪动头部是一个普通的div,高度是,头部下面有个固定的banner,手下滑的时候,banner会固定在浏览器最顶部不动。出现的问题是,PC端是好的,手机浏览器向上滑动的时候出现闪动!影响用户体验。解决方法一:之前的做法:

这样做手机网站中会出现明显的闪动效果!改进之后的做法:

这样做滑动的时候,有个向上的动画效果,不会出现闪动!解决方法二:思路:顶部固定的地方,一开始和上面不固定的地方是一体的,不写position:fixed,当要固定的div的offset比scrolltop小的时候,让其固定。(我之前之所以没有用这个方法,是因为整个页面在ios中要引用,当在ios中的时候,头部不出现。)代码如下:

menuinfo的样式如下:

移动端jQuery修正Web页面滑动时div问题的两则实例(jquery修改css)

表层div滑动、导致底层body滑动body很长,可以滑动,body头部有一个模拟下拉的选择框。下拉选择有滚动轴,如下图。

我给body一个overflow:hidden和高度是没有用的。手机网站上背景还是可以滑动,然后我给body一个touchmove的preventdefault()阻止事件,body滑动阻止了,PC上面是可以了,但是手机上面滑动div还是会导致底部body的滑动,我给div 一个阻止冒泡的事件stopPropagation(),手机网站上面还是不可以。关于preventdefault和stopPropagation,后面有时间会讲解其区别。解决方案:我经过反复测试,发现滚动轴滚到底部的时候,会触发body的滑动,那么我就在事件滚到底部的时候对表层的div做一个touchmove的阻止。到达滚动轴底部,向下滑动,阻止事件,向上滑动,开启事件。为此就要判断touchmove的方向了。

上面的方法是判断touchmove的滑动方向。

jQuery中的通配符选择器使用总结 jquery选择器中的通配符经常用到,大致的用法总结如下:$("input[id^='code']");//id属性以code开始的所有input标签$("input[id$='code']");//id属性以code结束的所有inpu

jquery 无限极下拉菜单的简单实例(精简浓缩版) jquery无限极下拉菜单的简单实例(精简浓缩版)!doctypehtmlhtmlheadmetacharset="utf-8"metaname="viewport"content="width=device-width"title积木网www.gimoo.net/titlescripttype="text/javas

jQuery基础知识点总结(必看) jQuery是一个优秀的、轻量级的js库,它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+),而jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使

标签: jquery修改css

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

上一篇:jQuery增加和删除表格项目及实现表格项目排序的方法(jquery增加一行和删除)

下一篇:jQuery中的通配符选择器使用总结(jquery通配符选择器)

  • 税收减免的定义
  • 营业外收入交企业所得税可以扣除成本么
  • 增值税专用发票可以开电子发票吗
  • 什么情况可以安排待岗
  • 银行证书年费计入什么科目
  • 福利费属于管理费用的哪个明细
  • 资产负债表应交税费期末余额是什么意思
  • 转让企业全部产权属于增值税征税范围。A对B错
  • 外资企业撤退
  • 合同款未付怎么写欠条
  • 辅导期一般纳税人
  • 普通增值税发票可以抵税吗?
  • 机票退票账务处理
  • 筹建期土地使用税分录
  • 企业出租设备取得租金收入要交增值税吗
  • 如何理解定时是指收入在什么时候记入账册?
  • 开给个人的普票怎么做分录
  • 科技公司营业执照经营范围明细
  • 增值税负数如何计算
  • 去税务局增加税目需要带什么资料
  • 水电费的发票要交税吗
  • 公司自用房屋怎样交税
  • 新疆税收扶持丝路古镇喀什重放异彩
  • 2021年个体工商户的税率是多少
  • 库存商品的账面余额是什么意思
  • 开专票需要备注吗
  • 预提费用和待摊费用是根据以下哪项原则设置的会计科目
  • 个体户租房交房怎么交税
  • 微软输入法打不出汉字只有拼音
  • linux如何将命令结果输出到文件
  • 光驱弹不出来灯也不亮
  • Windows10如何解压rar
  • 高速过路费抵扣进项怎么填报
  • 一般纳税人开出普票可以抵扣吗
  • 科技推广和应用服务业
  • 什么电脑系统比较好
  • 如何防御黑客入侵
  • realjbox.exe - realjbox是什么进程 作用是什么
  • 预计负债属于什么类
  • 最小的的照片
  • 增值税结算方式的筹划
  • 第二季度企业所得税怎么计提
  • yolov5添加注意力机制真的有用吗?
  • 怎样退出快手粉丝团 已解决
  • phpgd库怎么开
  • phpweb漏洞
  • 房地产企业汇算清缴资料
  • 织梦手机端
  • 实收资本为零的风险 债权人
  • 跨年发票能不能用
  • 原材料基本账务处理办法
  • 运费对方出怎么处理
  • 全额事业单位和差额事业单位退休工资有什么区别
  • 一般纳税人开错税率严重吗
  • 增值税科目设置成多栏式还是三栏式好
  • CMD命令操作MSSQL2005数据库(命令整理)
  • 隔空传送怎样使用苹果
  • ubuntu dde
  • WINDOWS操作系统内置的GUEST
  • win7系统有wifi功能吗
  • win7怎么创建新盘
  • win10预览版和正式版区别
  • xp系统电脑开机密码忘记了
  • centosgui
  • win8显示隐藏文件夹
  • 装了linux后windows没有了
  • 如何让卖家给你乖乖退款
  • cocos2dx怎么用
  • 如何给图像应用css滤镜处理效果
  • unity learn
  • javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
  • nodejs cgi
  • 在jquery中使用什么方法获取和设置属性
  • javascript要学到什么程度
  • java语言基于对象
  • jquery滚动条滚动到指定位置
  • 网络发票管理系统
  • 贵州企业申报系统
  • 上市股票转为非上市
  • 江苏税务局人工电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设