Javascript 滚动到页面底部的标签_Javascript_Jquery_Html_Css

Javascript 滚动到页面底部的标签

javascript jquery html css

Javascript 滚动到页面底部的标签,javascript,jquery,html,css,Javascript,Jquery,Html,Css,需要使我的按钮滚动到该网站的按钮。这是我的按钮： <a href="#" class="button-bord">Read more <br /><p class="glyphico glyphicon-chevron-down arrow-down"></p></a> 我怎样才能滚动到网站的按钮？任何建议：）注释中链接的假定重复问题要求JavaScript/jQuery回答，但从您的标记来看，您似乎在寻找纯HTML/CSS解

需要使我的按钮滚动到该网站的按钮。这是我的按钮：

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

我怎样才能滚动到网站的按钮？任何建议：）

注释中链接的假定重复问题要求JavaScript/jQuery回答，但从您的标记来看，您似乎在寻找纯HTML/CSS解决方案（注意：问题标记已被编辑）。您可以使用

标记而不使用任何JS

只需在标记的最底部放置一个具有某个

id

的元素（在本例中，它是另一个具有id

bottom

的锚），然后就可以使用原始

标记链接到页面中的该元素。如果新元素位于页面底部，则链接到页面底部

在本例中，使用带有class

间隔符的div（高度为800px）将部分内容向下推到页面上，以便文档具有滚动条。这样，您可以在单击内部链接后看到页面滚动
现场演示：

.spacer{
高度：800px；
}

页底
包括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>


$（'.button bord'）。在（'click'，function（）上{
$（'html，body'）.animate（{scrollTop:$（document.height（）}，'slow'）；
返回false；
});
对我无效：/“dosen't work”的确切含义是什么？当我将onclick=“function”添加到标记中时，它什么也不起作用。那么您应该尝试找出原因。打开浏览器开发控制台，查看发生了什么错误。因为这个解决方案确实有效。所以问题是，当你尝试它时，会出现什么问题。通过标记编辑和投票以重复方式关闭它，因为OP原来是在寻找JavaScript/jQuery答案，而不是HTML/CSS答案。这不会滚动到页面底部，而是滚动到id为“bottom”的锚。@arkascha想法是将锚放在页面底部。i、 e.低于所有其他标记。然后，当你链接到元素时，根据定义，你是链接到页面底部的。当然，这是显而易见的。但是你应该在回答中这样说。@arkascha谢谢，编辑。@kursus我编辑了我的回答，解释了为什么现场演示需要height:800px
。非常感谢：）因为我在mvc中工作，所以不需要头部。）但是谢谢你，非常有用，现在我可以继续了：）你知道它是否会滚动到我图像的按钮：那我该怎么办要滚动到图像底部，请将文档
替换为引用图像的内容。如果它是唯一一个类为img responsive
的图像，那么将文档
替换为'.image responsive'
。我看到了这个想法，但我不会向下滚动，它只是说语法错误：）