jquery - Mozilla 和 IE 中的制表符输入不向上 ScrollView

标签 jquery html css cross-browser

我正在处理的站点有一个很长的表单,并且有两列输入。当用户在 inputs 中切换时, View 会向下滚动以保持焦点字段在 View 中。当用户到达第一列的底部并且选项卡焦点转到第二列的顶部时, View 不会向上滚动以跟随焦点,但仅在 Mozilla 和 IE 中。当我在 Chrome 上测试时, View 将向上滚动以保持焦点输入字段在 View 中。

有谁知道如何处理这个跨浏览器问题并使页面针对 Mozilla 和 IE 自动向上滚动?

最佳答案

我无法在任何浏览器上重现此内容,但如果您使用的是 jquery,则可以尝试将其添加到您的 javascript 中,看看是否有帮助。

$(function() {
    $("input").on("focus", function() {
         this.scrollIntoView(true);
    });
});

关于jquery - Mozilla 和 IE 中的制表符输入不向上 ScrollView ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18513795/

相关文章:

php - 在谷歌地图中按纬度/经度删除标记

php - 切换标签菜单

html - 制作两列,每列有 2 张图片

javascript - 为什么我的网站无法拉伸(stretch)至移动设备的宽度?

wordpress - 让 jQuery 验证插件与 WordPress 表单配合使用

javascript - 在 $(window).resize() 时更改 slidesToShow slick 属性

jQuery UI 可排序排序动态添加的新 ul

html - 正确的 HTML5 float Logo 、口号和 2 个导航标记

php - 子菜单添加 wordpress

html - Bootstrap - 在另一列结束的地方开始一个新列