位置: 编程技术 - 正文

移动端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通配符选择器)

  • 广州二手房交易契税
  • 企业注销增值税留抵可以退吗
  • 单一环节征税有哪些类型
  • 向境外分派红利怎么计算缴纳企业所得税
  • 吸收合并控股合并新设合并的区别
  • 多缴了附加税现金怎么办
  • 非营利性代收代付费用会计处理怎么做?
  • 补交以前年度房产税如何记账
  • 施工企业已完工程成本如何结转
  • 工资退回怎么处理
  • 啤酒的税率是多少2022
  • 增值税的价外费用不包括什么
  • 代开专票退票流程及说明
  • 三证合一的税号变了,法人怎么重新绑定企业
  • 哪些情形可以补胎
  • 研发人员的社保可以加计扣除吗
  • 外账成本要注意什么
  • 企业重组的所得税怎么算
  • 老板带员工出去吃饭
  • 小规模保安公司收取服务费时如何开票
  • 法人一证通报建
  • 在win10中怎么从edge旧ie浏览器
  • windows11怎么回到桌面
  • 进项税转出怎么填报表
  • 发放股票股利会增加流通在外股票的数量
  • 工资里的其他应收款是什么
  • nomoreporn.exe - nomoreporn是什么进程 有什么用
  • linux运维有前景吗
  • 怎么做好零售
  • 会计科目怎么调账
  • Create OpenAI Account的教程来啦,赶紧学习吧!
  • 企业负担的社保怎么做分录
  • 持有可转换债券的会计分录
  • 前端这点事
  • 设备维修产生的人工费怎么开发票
  • vue2路由跳转页面不刷新问题
  • vue $route
  • anaconda卸载干净
  • 遗传算法排课代码python
  • 自动驾驶汽车决策与控制pdf
  • ai绘画网站
  • 怎样网上抄税
  • 非营利组织能否开社保账户
  • 织梦怎么用
  • python中chr函数介绍
  • SQL Server 在Management Studio中使用Web浏览器
  • 看望员工现金属于什么费用
  • 企业净利率多少算高
  • 小规模纳税人的增值税怎么算
  • 房地产开发产品科目设置
  • 应交税金在贷方是什么意思
  • 所得税纳税调增会计需要做业务处理吗
  • 应付账款现金折扣会计分录
  • 企业主营业务收入分录
  • 小额零星物资
  • 关联公司之间的借款
  • 什么是暂估入账金额
  • 租赁房屋期间发生事故谁负责
  • win10文件夹设置
  • window10怎么设置蓝牙
  • win2008 server r2 intel无法安装网卡驱动不存在英特尔PRO适配器的解决方法
  • 乾坤大挪移秘籍图片
  • centos7 login账号
  • dgservice.exe是什么
  • mac文稿怎么查看字数
  • dpd参数
  • shell脚本实现自动化巡检报警发送邮箱
  • rapidjson使用
  • margin使用
  • angular的ngif
  • 高仿微信本地图片违法吗
  • node.js怎么用
  • unity网络通信框架
  • js进阶视频教程
  • android studio 运行配置
  • 电子税务局存款账户备案
  • 高速公路通行费的税率
  • 河南省国家税务总局网站
  • 进货没有发票怎么报税
  • 继续教育学时申报是什么意思
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设