Используйте jQuery прокручиваемый плагин, чтобы избежать # на URL - PullRequest
Новая
       28

Используйте jQuery прокручиваемый плагин, чтобы избежать # на URL

0 голосов
/ 19 декабря 2011

Я хочу использовать прокручиваемый плагин jQuery для прокрутки до anchor tag, потому что я не хочу, чтобы браузер добавлял # в конец URL при переходе по ссылкам.
Я не хочу, чтобы кто-нибудь добавил в закладки URL моего веб-сайта с помощью #. 

<html>
    <body>
        <a name="top"></a>TOP
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <a href="#top">top</top>
    </body>
</html>


jQuery.ScrollTo самый стандартный плагин для этого?
http://demos.flesler.com/jquery/scrollTo/

Я хочу поддерживать IE6, FF4, Chrome, Android и iphone.
JQuery.ScrollTo поддерживает их?
Или я не должен использовать плагин прокрутки, если мне нужна совместимость браузера?

Ответы [ 2 ]

1 голос
/ 19 декабря 2011

Если вы используете более новую версию jQuery .. тогда preventDefault может быть лучше. 

<a name="top"></a>

$(".top").on('click', function(e) {     
    e.preventDefault();

    $('html,body').animate({
        scrollTop: $('#container').offset().top
    }, 500);
});
1 голос
/ 19 декабря 2011

Вам не нужен плагин + дайте своим пользователям приятную плавную прокрутку с scrollTop (живой пример здесь - http://jsfiddle.net/7qr3y/9/):

HTML: 

<a href="#" class="bottomscroll">bottom</a>

JQuery: 

$('.bottomscroll').click(function() {
     $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'slow');
     return false;
 });
...