гладкая, а не только параллаксная прокрутка в бутстрапе

Думаю, я понял, как реализовать прокрутку параллакса с помощью начальной загрузки с помощью http://mode87.com/untame/demo/parallax/, но я не могу понять, как сделать плавную прокрутку в бутстрапе, как это делается в SMINT: http://www.outyear.co.uk/smint/demo/ — как это сделать в бутстрапе? Пока у меня есть это: http://ronhome.no-ip.org/bootstrap/

Спасибо!


scroll css twitter-bootstrap parallax smooth
person stdcerr    schedule 12.10.2013    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Посмотреть демо здесь

HTML

<ul>
    <li><a href="#one">Menu</a></li>
    <li><a href="#two">Menu</a></li>
    <li><a href="#three">Menu</a></li>
</ul>
<div id="one">
    Section one
</div>
<div id="two">
    Section two
</div>
<div id="three">
    section three
</div>

CSS

#one {
    height: 400px;
}
#two {
    height: 400px;
}
#three {
    height: 400px;
}

JS

$('a').click(function(){
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
});
person Vikas Ghodke    schedule 12.10.2013
comment
это, кажется, хорошо работает в моем настольном браузере (Chrome), но не на моем планшете (Dolphin) - однако демонстрация smint, ссылку на которую я разместил, работает очень хорошо, также в Dolphin... - person stdcerr; 12.10.2013