Question

好的所以我有一个正在构建的页面，它在iframe标签中有一个小部件：

＆＃13;

<script type="text/javascript" src="/js/widget/booking.js"></script>
<script type="text/javascript">
  initTaxicodeWidget("taxicode - widget", "wolverhamptontaxis.co.uk ");
</script>

＆＃13;

<iframe id="taxicode-widget" src="blank.html" frameborder="0" style="position: absolute; top: -9999em; visibility: hidden;" onload="this.style.position='static'; this.style.visibility='visible';"></iframe>

＆＃13;

当所有内容都加载完毕后，页面会自动向下滚动到预订表单小部件并放置光标以供输入...我不希望页面向下滚动到它，除非用户向下滚动。我怎么能阻止这个...... 我的jquery和javascriptaren非常好，所以尽可能详细，请：）

Answer 1

试试这个

<iframe id="taxicode-widget" frameborder="0" style="position: absolute; top: -9999em; visibility: hidden;" onload="setTimeout(function (){this.style.position='static'; this.style.visibility='visible';}, 1000);"></iframe>

这将延迟返回iframe的位置1秒。并且它在底部滚动，因为在iframe的小部件的第一个输入元素处安装了autofocus属性。

Answer 2

好的，经过深思熟虑后，我重新访问了我的代码并确定我只需要向iframe添加一个src属性（指向一个空白的html），它可以防止问题发生而不影响加载速度。我编辑了上面的代码以反映这个

在页面加载时阻止html页面自动滚动到窗口小部件

2 个答案: