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

标签 html css

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

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

它链接到这个 div 如下:

<div  id="demo-section" >

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

最佳答案

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

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

关于html - 想要滚动时如何防止页面加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53996973/

相关文章:

html - 显示除周围边框外的所有表格边框

HTML 超链接在导航栏中不起作用

javascript - 事件处理程序不适用于动态添加的元素

javascript - Summernote 删除调整大小栏

html - 重叠元素和可见性的问题

javascript - 滚动时将图像添加到固定标题

css - 单击响应式布局的下拉菜单

html - 在按钮选项中对齐大文本

javascript - 在 Kendo 图表条上方排列 float div

css - 中心列设置为 100% 高度的粘性页脚