jQuery onClick Идентификатор GoTo или Класс

Question

По какой-то странной причине мой Заголовок запутался, когда я щелкаю тег A, чтобы перейти к идентификатору.Так что вместо этого есть способ использовать jQuery для этого, например, Click (), Goto ID?

<a href="#allreviewstop">Read Reviews (1)</a>
<div style="height:1500px;"> Really Long Stuff</div>
<div id="allreviewstop"> My Reviews go down here</div>

Это страница, с которой я имею дело Нажмите здесь

Answer 1

Попробуйте плагин jquery ScrollTo -

, также проверьте демо

$(function(){
    $("#goTop").click(function(){
      $.scrollTo($("#nav"), { duration: 0});
    });
});

Answer 2

$("div").click(function() {
    window.location.hash = "#"+$(this).attr("id");
}

Это то, что вы ищете?

[править] Я не могу вспомнить, нужен ли вам # или нет.Попробуйте без, если это не сработает.

Answer 3

По моему опыту, решение window.location.hash работает только один раз. Если вы не хотите использовать плагин, вы можете попробовать это:

var navigationFn = {
    goToSection: function(id) {
        $('html, body').animate({
            scrollTop: $(id).offset().top
        }, 0);
    }
}

и затем назовите его так (где someID - идентификатор элемента, к которому вы хотите прокрутить):

navigationFn.goToSection('#someID');

При этом вы также можете изменять скорость анимации (у меня она равна 0), чтобы она была мгновенной, но вы могли бы передать значение функции, чтобы код можно было использовать повторно.

Answer 4

Этот плагин помогает вам: jQuery ScrollTo ?