jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – scrollTop在移动Safari中不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我花了最后一个小时阅读了关于缩放和.scrollTop()和处理的变化的众多问题,并尝试了至少20种不同的东西 – 所有这些看起来甚至远程可用于我的情况,我仍然只有部分解决方案.

我有一个表单有三个字段和一个按钮继续.继续按钮打开窗体的其余部分.当您选择文本字段时,Safari手机会放大.我不介意,特别.如果我防止缩放,那么它可能太小,无法读取字段,如果我以可读缩放级别加载,那么您只能看到页面的一部分,因此放大行为是可以的.

情况是,点击按钮后,窗体的另一半显示,窗口仍然放大,您正在查看页面随机修补程序.

从我可以想象的可以有两个处理:

1)点击按钮后实际缩小
2)滚动到窗体的下一部分显示

我尝试了我可以找到的一切,缩小并处理Meta标签中的视口内容宽度,但是不会处理它,因为它只是使视口更大或更小,并且根本没有实际缩小.潜在的,这适用于其他人,但不适合我,因为我已经有很多的造型已经到位,这可能不是一个选择.

我已经解决了滚动解决方案,而.scrollLeft()正常工作,但是.scrollTop()不行,我给了它什么选择器.我试过了:

$('body').scrollTop
$('html').scrollTop
$('document').scrollTop
$('body,html,document').scrollTop
$('html:not(:animated),body:not(:animated)').scrollTop
$('html:not(:animated),body:not(:animated),document:not(:animated)').scrollTop
$('#content').scrollTop // that's a wrapper div
$(window).scrollTop

任何人都知道如何获取.scrollTop()在Safari Mobile中工作?

解决方法

我想你试图以错误的方式解决事情.只需确保您的表单字段在移动视口上具有font-size:16px,这样Safari将不会放大.

如果您有位置,则ScrollTop可能无法正常工作:固定在容器上.

大佬总结

以上是大佬教程为你收集整理的jquery – scrollTop在移动Safari中不起作用全部内容,希望文章能够帮你解决jquery – scrollTop在移动Safari中不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: