Question

需要让我的按钮滚动到网站的底部。这是我的按钮：

 <a href="#" class="button-bord">Read more <br /><p class="glyphico glyphicon-chevron-down arrow-down"></p></a>

我怎样才能使它滚动到网站的底部？任何建议：）

Answer 1

评论中链接的假设重复问题要求JavaScript / jQuery答案，但是从您的标记看起来您正在寻找纯HTML / CSS解决方案（注意：问题标签已被编辑）。您可以使用a标记而不使用任何JS。

只需在标记的最底部放置一个带有特定id的元素（在这种情况下，它是另一个标识为bottom的锚点），然后您就可以使用原始{ {1}}标记链接到页面中的该元素。如果新元素位于页面底部，那么您将链接到页面底部。

在此示例中使用具有类a（和高度为800px）的div来向下推送页面上的一些内容，以便文档具有滚动条。这样，您可以在单击内部链接后看到页面滚动。

现场演示：

＆＃13;

spacer

＆＃13;

.spacer {
    height: 800px;
}

＆＃13;

Answer 2

包含jQuery库：

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" />
</head>

以下是脚本：

<script>
  $('.button-bord').on('click', function() {
    $('html, body').animate({scrollTop:$(document).height()}, 'slow');
    return false;
  });
</script>

滚动到页面底部的标签

2 个答案: