答案 0 :(得分:7)
将以下行$textarea.scrollTop($textarea[0].scrollHeight);
更改为$textarea.scrollTop(0);
以滚动到textarea
的顶部。
$("button").on("click", function() {
var $textarea = $('#update');
$textarea.scrollTop(0);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Scroll</button>
<textarea Name="update" Id="update" cols="50" rows="25"></textarea>
答案 1 :(得分:0)
试试这个javascript代码。将top和left设置为0并将textarea从底部滚动到顶部。
function scrolltop() {
var scr_top = document.getElementById("update");
scr_top.scrollLeft = 0;
scr_top.scrollTop = 0;
}
&#13;
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<button onclick="scrolltop()">Scroll</button>
<textarea name="update" id="update" cols="50" rows="25"></textarea>
</body>
</html>
&#13;
答案 2 :(得分:0)
这里有两个问题:
document.ready
。因此:
$(document).ready(function() {
$("button").on("click", function() {
var $textarea = $('#update');
$textarea.scrollTop(0);
});
});
答案 3 :(得分:0)
这是完整的代码。
点击按钮,内容将导航到标签内容的底部和/或顶部
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="last">Scroll to bottom</button>
<textarea Name="update" Id="update" cols="50" rows="25"></textarea>
<script>
$(document).ready(function() {
$("#last").on("click", function() {
var $textarea = $('#update');
$textarea.scrollTop($textarea[0].scrollHeight);
});
});
</script>
<button id="first">Move to Top</button>
<script>
$(document).ready(function() {
$("#first").on("click", function() {
var $textarea = $('#update');
$textarea.scrollTop(0);
});
});
</script>