0

divをラップしている内部でのみ固定要素を作成しようとしていますが、ここで見つけたすべての例を試しても、機能させることができません。

私のサイトはここで見ることができます。(800px未満の画面ではまだ機能しません)

プロジェクトのサイドバーは、その周りのラッパーが終了して新しいセクションが始まるまで固定しておく必要があります。これが私が達成しようとしていることの実例です

私はScrollToFixedプラグインを使用していて、stackoverflowで見つけたほとんどの例を試しました。私の基本的な構造は次のようになります。

<section class="projects" id="nobelbopel">
    <div class="description" id="#nobelbopel-desc"></div>
    <div class="projectimages"></div>
</section>

<section class="projects" id="ujevnt">
    <div class="description" id"#ujevnt-desc"></div>
    <div class="projectimages"></div>
</section>

.descriptionをブラウザの上部で停止させたいのですが、div(.projects)をラップしている外にはしないでください。ラッピングdiv(.projects)の高さもさまざまで、それが私の主な問題だと思います。

このコードを使用してみましたが、部分的にしか機能しません。

$('#nobelbopel-desc').scrollToFixed( { 
marginTop: 154, 
limit: $('#ujevnt').offset().top 
- $('#nobelbopel-desc').height() - 154 } );

$('#ujevnt-desc').scrollToFixed( { 
marginTop: 154, 
limit: $('#bygdalarm').offset().top 
- $('#ujevnt-desc').height() } );

この:

$('#nobelbopel-desc').scrollToFixed({
marginTop: 154,
limit: $('#ujevnt').offset().top - 154
});

コードからわかるように、上から154 pxが必要です)が、ラッピングdivの高さが100または1000pxのどちらでも機能するコードが必要であり、特定のdivよりも基本的なクラス構造に基づいていることが望ましいです。今。

4

0 に答える 0