在iframe中自动滚动textarea

时间:2016-07-11 12:53:12

标签: javascript jquery iframe textarea autoscroll

所以基本上我有这个iframe

<iframe src ="http://.../iframe.php" id="myIframe"></iframe>

并且这个iframe页面(iframe.php)上的唯一内容是textarea:

<textarea  id="test" name="text" rows="20" cols="50" readonly> 

如果textarea的值超过iframe窗口(在包含iframe的页面上),我尝试向下滚动textarea,但它只是不起作用。我在stackoverflow上尝试了一些解决方案,但没有任何方法可以帮助我。

更新

现在正在运作。如果每个人都感兴趣的工作代码:

function myFunctiontest() {
 var goddammit = document.getElementById('myIframe').contentWindow.document.getElementById('test');
     goddammit.scrollTop = goddammit.scrollHeight;
        }

1 个答案:

答案 0 :(得分:0)

在textarea中尝试oninput="this.scrollTop = this.scrollHeight;" 如果它工作正常,请使用事件处理程序。

更新

在包含<iframe>的页面中,它有一个id以及textarea:

window.onload = function () {

    var ifr = document.getElementById('ifr'),
        ta = ifr.contentDocument.getElementById('ta');

    ta.scrollTop = ta.scrollHeight; 

}