Javascript滚动到底部不起作用

Question

I have this script: 我有这个脚本：

<?php
header("refresh: 5;");
include 'theme.php';
ceklogin();
css();
echo <<<HTML
<script type="text/javascript">
var textarea = document.getElementById(\"wget\");
textarea.scrollTop = textarea.scrollHeight;
</script>
HTML;
echo " Wget log :<br>";
echo "<textarea name=\"text-info\" rows=\"30\" id=\"wget\" cols=\"90\" readonly style=\"font-family: Arial;font-size: 7pt;\" >";
$datalines = file ("wget.log");
foreach ($datalines as $zz) {
echo $zz; }
echo "</textarea></div>";
foot();
echo '

</div>
</body>
</div>
</html>';
?>

the javascript part doesn't work, it won't scrool to bottom on the textarea every time it refreshes the page, any ideas? javascript部分不起作用，每次刷新页面时，它都不会在文本区域的底部显示出来，有什么想法吗？

Update: I modified my script to be like this but still doesn't work 更新：我将脚本修改为这样，但仍然无法正常工作

<?php
header("refresh: 5;");
include 'theme.php';
ceklogin();
css();
echo '<script type="text/javascript">
       var textarea = document.getElementById(\"wget\");
       textarea.scrollTop = textarea.scrollHeight;
      </script>';
echo " Wget log :<br>";
echo "<textarea name=\"text-info\" rows=\"30\" id=\"wget\" cols=\"90\" readonly style=\"font-family: Arial;font-size: 7pt;\" >";
$file = file_get_contents('/www/wget.log');
echo $file;
echo "</textarea></div>";
foot();
echo '

</div>
</body>
</div>
</html>';
?>

Answer 1

Try: 尝试：

echo '<script type="text/javascript">
       var textarea = document.getElementById(\"wget\");
       textarea.scrollTop = textarea.scrollHeight;
      </script>';

(Removed the <<<HTML and reformatted the HTML string.) （删除了<<<HTML并重新格式化了HTML字符串。）

Answer 2

You could try moving your Javascript to the bottom of the body and putting this in a function: 您可以尝试将Javascript移动到正文底部，然后将其放入函数中：

(function() {
   var textarea = document.getElementById(\"wget\");
   textarea.scrollTop = textarea.scrollHeight;
})();

Javascript滚动到底部不起作用

问题描述

2 个解决方案

解决方案1
1 2015-01-02 12:09:28

解决方案2
0 2015-01-02 12:12:22

Javascript滚动到底部不起作用

问题描述

2 个解决方案

解决方案1 1 2015-01-02 12:09:28

解决方案2 0 2015-01-02 12:12:22

解决方案1
1 2015-01-02 12:09:28

解决方案2
0 2015-01-02 12:12:22