Question

从this answer开始，我的<body>后面有以下内容：

<a name="Pagetop"></a>

在我的页脚中，我有：

<script>
    jQuery(".pgtop").click(function() {
        jQuery('html, body').animate({
            scrollTop: jQuery("#Pagetop").offset().top
        }, 2000);
    });
</script>
<p class="pgtop"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/up-arrow.png" alt ="Go to top of page" title ="Go to top of page" width="50" height="29" border = "0" ></p>

但滚动到顶部不适用于this staging site。

帮助表示赞赏。

Answer 1

将您的页首目标元素更改为使用id而不是name属性

<a id="Pagetop"></a>

另外，在绑定元素之前等待页面加载。

 jQuery(document).ready(function () {
    jQuery(".pgtop").click(function () {
        jQuery('html, body').animate({
            scrollTop: jQuery("#Pagetop").offset().top
        }, 2000);
    });
});

jQuery滚动到元素不工作2

1 个答案: