将用户发送到页面的特定部分而不使用link元素

时间:2013-09-30 06:06:02

标签: html

我知道可以使用链接将用户发送到特定的名称;但是,对于我正在做的事情,我宁愿不使用这个链接元素。

Ex:
http://www.domain.com/link.php#aname

will send the user down to

<a name="aname">

是否有一种在页面加载时执行此操作的方法,例如可能在body标记中添加一行代码?

我正在将它与PHP结合使用,所以基本上如果定义了一个特定的变量,我将把它们发送到该位置。我知道如何做它的PHP方面,而不是没有使用link元素的html方面。

2 个答案:

答案 0 :(得分:2)

使用jquery中的animate方法获得一个很好的平滑效果

$("#down").click(function () {
    $('html,body').animate({
        scrollTop: $("#b").offset().top
    });
});

Example


更新:onload

$(document).ready(function () {
    $('html,body').animate({
        scrollTop: $("#b").offset().top
    });
});

干杯!!

答案 1 :(得分:1)

几个假设:

  • 您知道/声明了ID / NAME
  • 您确定存在名称/ ID

建议:

  • 将Id与名称一起使用。
  • 确保您要将用户发送到的该部分具有唯一ID。

</body>标记结束之前添加此简单的javascript或在所有ID echo之后添加

<script type="text/javascript">window.location.hash=id;</script>

请将id更改为您所需的ID。一旦页面加载,首先创建具有声明的id的div,并且当一切都完成时,javascript将尝试将页面移动到特定部分。

如果您使用scrollto,那么它需要更多步骤并且很复杂。你需要

  • 测量页面高度
  • 衡量该ID的位置
  • 如果可能,滚动到该ID

希望它适合你