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

时间:2015-11-12 00:02:56

标签: javascript jquery html css scroll

我遇到了我认为是javascript或jQuery问题的问题。 我已经构建了一个css复选框标签,单击该标签时会在页面上显示一个表单。

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

我认为这是一个JS问题,可能来自我正在使用的主题,但我的JS技能几乎没有,所以我真的很感激任何帮助。

您可以在此处查看该页面: http://urlgone.com/5504c5/

和"滚动到顶部"点击"注册"蓝色文字。

我已尝试按another post中的建议添加此JS代码,但这并未解决问题。

l : copy(l)

1 个答案:

答案 0 :(得分:3)

我认为你的问题在于你试图在Wordpress中错误地使用jquery。您的控制台指出jQuery(document).ready(function( $ ) { // code here }

您可以查看此页面以获得一些帮助:https://digwp.com/2011/09/using-instead-of-jquery-in-wordpress/但基本上您应该将jquery包装在:

var Vehicle = Class(function () {
    this.init = function (wheels) {
        this.wheels = wheels;
    };
});

var Truck = Class(Vehicle, function (supr) {

    this.init = function (hp, wheels) {
        supr(this, "init", [wheels]);
        this.horsepower = hp;
    };

    this.printInfo = function () {
        $('#result').html('I am a truck and I have ' + this.wheels +
                ' wheels and ' + this.horsepower + ' hp.');
    };
});

var t = new Truck(350, 4);
t.printInfo();