jquery – scrollTop在移动Safari中不起作用

前端之家收集整理的这篇文章主要介绍了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中工作?

@H_502_19@

解决方法

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

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

@H_502_19@ @H_502_19@ 原文链接:https://www.f2er.com/jquery/179914.html

猜你在找的jQuery相关文章