位置: 编程技术 - 正文

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

  • 保单税优识别码图片
  • 开出收据要做财务报表吗
  • 应付账款转营业外收入进项税转出
  • 外经证先开票一直未预缴怎么办
  • 自产产品用于广告要交消费税吗
  • 财产保险合同的被保险人自其知道
  • 无形资产减值损失可以转回吗
  • 与收益相关政府补助区分总额法净额法吗
  • 半月的发票未认证能用吗
  • 个人借公司款利率多少合法
  • 合法票据的利息计算方法
  • 增值税专用发票开错了咋办
  • 税务清算审计需要多久
  • 苏州工会经费减半政策
  • 税字号是不是纳税人识别号
  • 降低房租
  • 税收思想
  • 简易征收企业所得税几个点
  • 小规模纳税人怎么算税
  • 合作社未按时报税怎么处理?
  • 增值税小规模纳税人优惠政策
  • 发票联和抵扣联丢失怎么办
  • 固定资产净值如何清零
  • 社保公积金外包对员工的利弊
  • 旅行社小规模差额征税增值税申报表怎么填
  • 员工工伤一次性赔偿申请书
  • quicktimeplayer.exe - quicktimeplayer是什么进程 有什么用
  • php文件包含的4种方式
  • 借别人资质投标如何签合同
  • deepin声音
  • php常用函数大全
  • 房屋租赁会同
  • 从对公账户取现金有什么影响
  • 怎么修改?
  • 利用均匀水流导致的水位变化来显示时间
  • 哪些项目容易漏缴个人所得税?
  • 最小的电池是多大
  • 车子的保险费
  • php通过url传递参数
  • 前端文件的上传和下载
  • lnewusers命令 创建用户账号
  • 固定资产内部转移单
  • 总公司中标后走账怎么办
  • 研发费用资本化可以加计扣除吗
  • 未分配利润做账
  • sql server递归查询
  • 织梦如何采集文章
  • 普通发票和增值税发票的税率
  • 汇算清缴是什么
  • 进项税额转出分录怎么写,附加的原始凭证是什么
  • 外地施工企业异地施工
  • 债务重组损失如何做会计分录
  • 加班费是计入应交税费吗
  • 职工罚款的会计处理办法
  • 暂估入账会计科目
  • 收付转三种凭证的限制类型不同所以限制科目也不同
  • 员工团体意外保险受益人是谁
  • sqlserver向表中添加数据用什么命令
  • sql修改表增加列
  • mysql5.7.27安装教程
  • mysql8.0远程连接
  • oracle的账户
  • 硬盘磁盘保护
  • “explorer.exe”进程文件
  • windows 10为什么不能关掉自动更新
  • win8 应用商店
  • Win10系统安装步骤
  • js定时器的两种方法
  • jquery有哪些
  • python中如何去除空格
  • unity2d小地图
  • js赋值input
  • javascript面向对象 第三方类库
  • js调用声音
  • 上海市国家税务局地址
  • 北京税务局几点下班?
  • 法人注册怎么注册
  • 哪个部门负责药品检验
  • 税务宪法宣传简报
  • 中国十大经济农村
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设