javascript - 简单的 jQuery scrollTo 在我的网站上不起作用

标签 javascript jquery wordpress

我测试了 stackoverflow 的一种或另一种解决方案,但它无法解决我的问题。

这是侧面: http://web02980.p4.imv.de/ 这是一个 wordpress 站点,我想使用一个简单的 jQuery 函数从 anchor 滚动到标题。

这是 jQuery 代码 http://jsfiddle.net/5phLjjce/1/ 在 jsfiddle 中它可以工作,但在我的网站上不行。

function scroll($) {

    var $root = $('html, body');
    $('a').click(function() {
        var href = $.attr(this, 'href');
        $root.animate({
        scrollTop: $(href).offset().top
        }, 500, function () {
            window.location.hash = href;
        });
        return false;
    });
}

jQuery(document).ready(function ($) {

    scroll($);
}); 

我在页眉和页脚中测试了 jquery 文件。我在通用 jquery 文件和额外文件中测试了它。没有什么想滚动的。

感谢您的帮助。

最佳答案

在您的示例中,只需将 var $root = $('html, body'); 替换为 var $root = $('.overflow');。它只是 HTML 标记中的一个特定内容。

关于javascript - 简单的 jQuery scrollTo 在我的网站上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32562331/

相关文章:

javascript - JS setTimeout/setInterval 返回值是否被复用?

javascript - 无法从 JSON 函数获取数据

mysql - 当值为 'grade' 或不存在时获取结果

linux - WordPress 无法保存永久链接显示 404 错误

javascript - 在React JS中点击提交后如何显示用户信息

javascript - 主干模型 save() 方法不执行任何操作

javascript - 从数组中填充 href

javascript - 使用输入 jQuery 的 .value() 计算

php - WooCommerce:在订单中保存对产品的更改时 Hook

javascript - 创建具有数据属性的div