如何使用带有滚动功能(javascript)的像素滚动iframe窗口?

时间:2019-06-10 22:43:10

标签: javascript html iframe

我正在使用srcdoc将页面源直接加载到iframe中。我希望iframe在加载时自动滚动到链接。我当前正在使用element.scrollIntoView(),但是该函数导致框架窗口滚动得太低。我想通过向上滚动几个像素来解决此问题,但是我不确定该怎么做?

Srcdoc代码段:

<body onload="scrollDown()">
......... //the page

<script>
function scrollDown(){ 
let link = parent.document.getElementById("oLink").href; 
var elmnt = document.getElementById(link); 
elmnt.scrollIntoView({ behavior: "smooth", block: "start"  }); 
} 
</script>
</body>

oLink元素的href(位于iframe外部)是我希望iframe窗口滚动到的元素(位于iframe内部)的ID。

我想添加一个将iframe窗口向上滚动几个像素的函数,或者找到另一种方法来到达要滚动到的元素。有什么想法吗?

0 个答案:

没有答案