自动滚动页面到 HTML 的特定元素

Auto scroll of page to specific element of HTML

本文关键字：元素 HTML 滚动      更新时间：2023-09-26
嗨，我有长度的jsp页面，在页面底部我有保存按钮，一旦我

单击保存按钮，它将把数据保存到服务器，一旦保存数据，我再次加载同一页面，我在页面底部显示一些信息，说"数据已保存"。

我的问题是，如何加载页面以在页面加载时显示此消息，而不是在其顶部加载页面。

<html>
<head></head>
<body>
<span> Hi </span>
.....................
.....................
.....................
.
.
.
.
.
.
//at the bottom of page
<span> Data Saved succefully</span>
</body>
</html>

因此，当我加载页面时，我应该看到"数据已成功保存"消息。

您只需为

范围分配一个 id，就可以重定向到当前页面，并在 url 末尾附加#your-id。

<a href="http://jsfiddle.net/tFcsP/show/#demo">Click to go</a>

查看此链接 http://jsfiddle.net/tFcsP/show/#demo

工作演示

试试这个

这将朝着所需的div 或范围进行动画处理

$(document).ready(function () {
    target_offset = $('#third1').offset(),
    target_top = target_offset.top;
    $('html, body').animate({
        scrollTop: target_top
    }, 800);
});

使用 jQuery ：

 $(function() {       
     $(window).scrollTop($('#div_name').offset().top);
 });

使用简单的java脚本 

<htm
l>
<head>
<script>
function scrollWindow()
  {
  window.scrollTo(100,500)
  }
</script>
</head>
<body>
<input type="button" onclick="scrollWindow()" value="Scroll">
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
</body>
</html>

当您保存数据并在说页面加载 AUR 之后收到任何响应时。

这里是 W3 学校链接滚动到

相关文章：