位置: 编程技术 - 正文

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

  • 一般纳税人转为小规模的条件
  • 白酒赠品赠什么方案
  • 增值税附加税包括哪些税种及税率
  • 资产负债表应付账款怎么算
  • 企业所得税预缴少申报案例
  • 未核定印花税
  • 设备维修劳务费税率
  • 企业所得税研发费用100%扣除的有哪些企业
  • 外币折算准则规范的外币交易
  • 居民企业只就其境内全部所得纳税
  • 法人转钱到公户是借款还是投资款
  • 增值税普通发票查询真伪
  • 各省市地税发票怎么开
  • 小规模纳税人实行简易征收办法
  • 应征增值税不含税销售额是什么意思
  • 维修费属于哪个类别
  • 季度所得税预缴税款表中主营业务成本是否包含管理费用
  • 给单位员工报销电话费怎么做账务处理
  • 平均年限法如何计算
  • 民办非企业单位属于什么类型
  • 如何在Windows 11上卸载更新
  • mac如何配置
  • 调账的基本原则
  • ajax请求php接口
  • 留抵增值税的会计处理
  • 新企业办理地税登记流程
  • s3tray2.exe - s3tray2是什么进程 有什么用
  • php 字符串函数
  • PHP:curl_multi_close()的用法_cURL函数
  • php数组函数 菜鸟
  • 公积金扣款日余额不足,影响征信
  • 贷款和应收款项应采用实际利率法
  • vue 查询
  • 生产经营个人所得税速算扣除数表
  • php面向对象是什么意思
  • 机器学习实战练手项目
  • 委托代销商品委托方和受托方会计分录
  • 融资手续费计入长期待摊
  • 商业承兑汇票如何查询
  • 专票和普票都有发票吗
  • 交所得税怎么记账
  • 企业所得税季初和季末怎么算
  • c语言strncat函数用法
  • mongodb集群启动顺序
  • 销售佣金的税务比例一般是多少啊
  • 汇率差的差额计算方式
  • 长期债权投资业务处理
  • 公司处理旧车增值税怎么交
  • 企业贴现会计分录
  • 计入其他综合收益的有哪些
  • 交车险代收的车可以退吗
  • 计提费用收到发票怎么做
  • 事故赔偿金分配
  • 汇算清缴费用调减
  • 公司缴纳养老保险最低标准
  • 商品互换定义
  • 企业发生的开办费用计入营业外支出账户
  • 工业总产值如何计算的
  • 一般纳税人免税额度
  • 记账凭证应该是
  • 代开专票作废退税怎么做账?
  • 制造费用是借还是贷
  • 购买银行结构性存款安全吗
  • 如何开具发票?
  • 自产产品赠送会计处理
  • sql的常用函数
  • win8.1怎么改win7系统
  • win7搜索无法使用
  • dllhost应用程序异常
  • winxp如何进入bios
  • jquery window
  • 编写python
  • c语言深入剖析
  • python中闭包的作用
  • jquery怎么设置样式
  • android中常用的布局是
  • 北京税务局地税电话
  • 如何查询企业是小规模还是一般
  • 亚马逊利用大数据练就读心术
  • 资源税什么意思
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设