Как перейти к элементу при нажатии на ссылку [дублировать]

Question

Как перейти к элементу при нажатии на ссылку [дублировать]

0

Поэтому у меня есть следующий веб-сайт: http://www.gameplay-universe.uphero.com/

Вы можете увидеть ссылку "Пропустить к контенту". Я хочу, когда он щелкнул страницу, чтобы прокрутить до div#content. Я использую последнюю версию jQuery. Как я могу это достичь?

PowerUser 21 март 2014, в 21:56

Источник

0

stackoverflow.com/questions/6677035/jquery-scroll-to-element - поиск мой мужчина
tymeJV 21 март 2014, в 20:05

Теги:

javascript

jquery

html

4 ответа

1

$("li a").click(function(){
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 1000);
    return false;
});

это будет работать для всех ссылок внутри элементов li.

ProllyGeek 21 март 2014, в 18:06

0

Так как я новичок в jQuery, какие переменные мне нужно отредактировать, чтобы он div#content onclick li.skip a к div#content onclick li.skip a ?
PowerUser 21 март 2014, в 20:16
0

$ ("# skip a"). click (function () {$ ('html, body'). animate ({scrollTop: $ ("# content"). offset (). top}, 1000); вернуть false; });
ProllyGeek 21 март 2014, в 20:19

0

Вот сценарий, который мне нравится использовать, когда я хочу включить "эффект прокрутки" типа JQuery.

http://cferdinandi.github.io/smooth-scroll/

Ty T. 21 март 2014, в 17:58

0

$(document).scrollTop($('div#content').offset().top)

lyoung 21 март 2014, в 17:26

Ещё вопросы

stackoverflow.com/questions/6677035/jquery-scroll-to-element - поиск мой мужчина
Так как я новичок в jQuery, какие переменные мне нужно отредактировать, чтобы он div#content onclick li.skip a к div#content onclick li.skip a ?
$ ("# skip a"). click (function () {$ ('html, body'). animate ({scrollTop: $ ("# content"). offset (). top}, 1000); вернуть false; });

PowerUser · Accepted Answer · 2014-03-21T20-07-00.000Z

Хорошо, вот решение, которое я нашел:

$(document).ready(function() {

// Click event for any anchor tag that href starts with #
$('a[href^="#"]').click(function(event) {

    // The id of the section we want to go to.
    var id = $(this).attr("href");

    // An offset to push the content down from the top.
    var offset = 60;

    // Our scroll target : the top position of the
    // section that has the id referenced by our href.
    var target = $(id).offset().top - offset;

    // The magic...smooth scrollin' goodness.
    $('html, body').animate({scrollTop:target}, 500);

    //prevent the page from jumping down to our section.
    event.preventDefault();
});
});

Это сработало для меня.