html - 想要滚动时如何防止页面加载

Question

有一个按钮，当它被点击时，它会滚动到页面底部

<form action="#demo-section">
        <button id="demo"   >demo</button>

它链接到这个 div 如下:

<div  id="demo-section" >

但是当我点击一个页面时，它会刷新然后回到底部，还有？在地址栏中: http://xxxx.xx/?#demo-section

Answer 1

如果未提及“type”属性，则表单元素内的所有按钮都将作为 type="submit"。所以只需将 type="button"添加到按钮，它就会起作用。

编辑:(正如 Mike 'Pomax' Kamermans 在他的评论中所建议的那样)如果这是您的表单旨在实现的目标，您最好使用 anchor 标记并将其设置为按钮样式..