文章/答案/技术大牛

发布

社区首页 >问答首页 >发送到页面顶部的jQuery输入字段修复

问发送到页面顶部的jQuery输入字段修复
EN

Stack Overflow用户

提问于 2016-08-04 21:36:27

回答 2查看 40关注 0票数 0

我正在制作一个具有多个输入字段的登录表单。它要放到ipad上，正因为如此，我想让输入字段在你点击它之后移动到屏幕的顶部，这样这些字段就不会被键盘挡住。我正在使用下面的代码。

$('#signinform input').on('focus', function() {
document.body.scrollTop = $(this).offset().top; });

这很有效，但是它将字段拍摄到最上面，有没有办法在10px之前停止它，这样我仍然可以看到特定输入字段的标题？是否需要将值放入jQuery的偏移量部分？

What is happening (pic)

What I want to happen (pic)

谢谢

jquery

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-08-04 21:42:31

尝试从偏移量中减去30px。你可以直接在这个函数上做数学计算。

document.body.scrollTop = $(this).offset().top - 30 ;

票数 0

Stack Overflow用户

发布于 2016-08-04 21:42:26

滚动时从顶部减去几个像素。

document.body.scrollTop = $(this).offset().top -您想要的px

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38768917

复制

相似问题

问发送到页面顶部的jQuery输入字段修复
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问发送到页面顶部的jQuery输入字段修复EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问发送到页面顶部的jQuery输入字段修复
EN