Question

嗨我有长度jsp页面，在页面底部我有保存按钮一旦我点击保存按钮它会将数据保存到服务器，一旦保存数据我再次加载同一页面我正在显示一些信息说明页面底部有“数据已保存”。

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

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

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

Answer 1

您可以简单地为范围指定一个ID，并可以重定向到当前网页，并在网址末尾添加#your-id。

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

点击此链接http://jsfiddle.net/tFcsP/show/#demo

Answer 2

工作DEMO

试试这个

这将动画显示所需的div或span

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

Answer 3

使用jQuery：

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

Answer 4

使用简单的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>

当您保存数据时，在说出页面加载后，我们会收到任何响应。

Heres w3学校链接 scroll to

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

4 个答案:

工作DEMO