选择元素会导致滚动到iOS设备上的页面顶部

选择元素会导致滚动到iOS设备上的页面顶部,第1张

概述我有一个Bootstrap网站,其中包含< select>元素内部模态. 我的问题是,在iOS(尝试在iPhone 5)当我尝试打开选择选择一个选项背景内容(模态后)自动滚动到页面的顶部. 我在Safari和Google搜索中收到此错误,而Chrome和Mercury Browser上没有错误. 有人知道这个问题的原因和解决方法吗?谢谢 我有同样的问题,找到解决方案,真正解决了这个问题: if( 我有一个bootstrap网站,其中包含< select>元素内部模态.

我的问题是,在iOS(尝试在iPhone 5)当我尝试打开选择选择一个选项背景内容(模态后)自动滚动到页面的顶部.

我在Safari和Google搜索中收到此错误,而Chrome和Mercury browser上没有错误.

有人知道这个问题的原因和解决方法吗?谢谢

解决方法 我有同样的问题,找到解决方案,真正解决了这个问题:
if( navigator.userAgent.match(/iPhone|iPad|iPod/i) ) {    $('.modal').on('show.bs.modal',function() {        // position modal absolute and bump it down to the scrollposition        $(this)            .CSS({                position: 'absolute',margintop: $(window).scrolltop() + 'px',bottom: 'auto'            });        // position backdrop absolute and make it span the entire page        //        // Also dirty,but we need to tap into the backdrop after Boostrap         // positions it but before Transitions finish.        //        setTimeout( function() {            $('.modal-backdrop').CSS({                position: 'absolute',top: 0,left: 0,wIDth: '100%',height: Math.max(                    document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clIEntHeight,document.documentElement.clIEntHeight                ) + 'px'            });        },0);    });}

希望对有同样问题的人有帮助.

总结

以上是内存溢出为你收集整理的选择元素会导致滚动到iOS设备上的页面顶部全部内容,希望文章能够帮你解决选择元素会导致滚动到iOS设备上的页面顶部所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1109373.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存