Javascript 如何防止js在单击时滚动到顶部

Javascript 如何防止js在单击时滚动到顶部,javascript,jquery,html,css,scroll,Javascript,Jquery,Html,Css,Scroll,我对我认为是javascript或jQuery问题的处理有困难。 我已经建立了一个css复选框标签,当点击它时会在页面上显示一个表单 我遇到的问题是,当单击标签时,如果用户在单击之前向下滚动,页面将滚动到顶部 我相信这是一个JS问题,可能来自我正在使用的主题,但我的JS技能几乎没有,所以我非常感谢任何帮助 您可以在此处查看该页面: 当点击“注册”蓝色文本时,“滚动到顶部” 我已经尝试按照中的建议添加此JS代码,但这并没有解决问题 $("#slidingFormBtnId").click(fun

我对我认为是javascript或jQuery问题的处理有困难。 我已经建立了一个css复选框标签,当点击它时会在页面上显示一个表单

我遇到的问题是,当单击标签时,如果用户在单击之前向下滚动,页面将滚动到顶部

我相信这是一个JS问题,可能来自我正在使用的主题,但我的JS技能几乎没有,所以我非常感谢任何帮助

您可以在此处查看该页面:

当点击“注册”蓝色文本时,“滚动到顶部”

我已经尝试按照中的建议添加此JS代码,但这并没有解决问题

$("#slidingFormBtnId").click(function(e) {
    e.preventDefault();
    // Do your stuff
});

我认为您的问题在于您试图在Wordpress中错误地使用jquery。您的控制台声明,
$不是一个函数

您可以查看此页面以获得一些帮助:但基本上,您应该将jquery包装在:

jQuery(document).ready(function( $ ) {
 // code here
}

检查您的控制台~“UncaughtTypeError:$不是一个函数”@Phil这是因为JQuery不包括在内,它不是code@Markasoftware你不认为这会阻止OP的代码工作吗?嗯,他的真实代码可能包含JQuery,所以是的,我认为这不会造成任何后果issues@Markasoftware我在看他的网站,jQuery在那里,但由于某种原因我还没有看到,
$
没有定义。OP应该只使用
jQuery('#slideingFormBtnId')。单击(…
谢谢!在最终成功添加代码后,我遇到了另一个问题-由于
.preventDefault()的原因,复选框不再被切换
所以我需要添加另一行代码来解决这个问题。现在效果很好,代码如下:
jQuery(document).ready(函数($){$(“#slidingFormBtnId”).click(函数(e){e.preventDefault();$('#toggleForm').trigger('click');});