jquery 重定向页面时添加top属性

3pmvbmvn  于 2023-05-17  发布在  jQuery
关注(0)|答案(1)|浏览(105)

下面是我的添加我想添加滚动页面顶部。Scroll top working fine($('html,body').animate({ scrollTop:$(getid).offset().top - 120 };)with id当在url中只传递id时,但是当使用完整的url /main-page/a#id_1时,它不起作用。我使用固定的标题,所以我想得到隐藏部分。我如何添加滚动顶部与完整的网址重定向

<a href="/main-page/x">XX</a>
<div class="subcategories">
<div class="subcategories-link"><a href="/main-page/a#id_1">AA</a></div>
<div class="subcategories-link"><a href="/main-page/a#id_2">BB</a></div>
<div class="subcategories-link"><a href="/main-page/a#id_3">CC</a></div>
<div class="subcategories-link"><a href="/main-page/a#id_4">DD</a></div>
<div class="subcategories-link"><a href="/main-page/a#id_5">EE</a></div>
</div>`

javascript:

$('.subcategories a').each(function(e) {
        $(this).on("click", function() {
            var getid = $(this).attr('href');
             //$("body").scrollTop(500);
            //$(document).scrollTop(100);
            //alert(getid);
            /*$('html, body').animate({
                scrollTop: $(getid).offset().top - 120
            }, 1000);*/
        });
    });

});


$("body").scrollTop(500);
cygmwpex

cygmwpex1#

如果你没有在同一个页面上滚动,但是加载了不同的页面,你应该在正文加载后运行这个

if(window.location.hash) {
        var hash = window.location.hash;
        if ($(hash).length>0) {
            scrollToEl(hash, 220);
        }
    }

    function scrollToEl(target, offset) {
        var $target = $(target);
        $("html, body").animate({ scrollTop: $target.offset().top - (offset + 70)}, 1000);
    }

相关问题