17
私はページ上のセクションにスクロールする新しいトレンディーな1ページのWebサイトを構築しようとしています。私は内容がどこにあるのか正確に "固定"ヘッダーを持っていきたいです。私はZurb Foundationを使用しています。私が持っているjQueryページのセクションへスクロール
<li><%= link_to "Recent Work", "#", "data-scroll" => "recent" %></li>
$(document).ready(function() {
$("a[data-scroll]").click(function() {
var id = $(this).data("scroll")
$('html,body').animate({
scrollTop: $("#"+id).offset().top},
'slow');
});
});
<div id="recent">some content</div>
問題は上記されています。これは私がこれまでに(コードの一部がここにあります)持っているものです。私は、このdivがページ上に置かれている場所に固定ヘッダーを持っていきたいと思います。お知らせ下さい。
ええ以前に見つかった。しかし、これは正しくオフセットされていないようです。 – Brian
オフセットについての私の修正された答えを見てください。 – cereallarceny
はまだ私が望む場所に固定ヘッダを持ってこないようです。 – Brian