divを最初のフォールドの下に "プッシュ"して、ユーザーがスクロールしない限りページロードに表示されないようにする方法はありますか? Jqueryビューポートと呼ばれるものがありますが、その使い方がわかりません。私はDIVがCSSで「隠されている」ことを望んでいません。最初の折りたたみの下でDIVを押しますか? Jquery?
$(function() {
$('#my-under-the-fold-element').css({
top : $(window).height()
});
});
その後、あなたは自分の要素が絶対位置にする必要があります。viewport
の高さと同じであるあなたの要素のためのtop
またはmargin-top
CSSプロパティを設定するためにjQueryを使用することについてどのように
1:
はここで完全なマークアップでjsFiddleをですビューポートの一番下にあります。 – Jasper
@shruggernautあなたは間違っています。 OPは「挿入」と似た単語を使用しません。この質問は、視覚的なビューポートに相対的な要素の位置付けについて明確に質問します - DOM内での位置変更ではありません。実際には、DOMが正しく挿入するためにページ折りたたみを超えて拡張されるという前提を立てることさえできませんでした。私が提供したソリューション(ほぼ4年前、心配しています)は、問題が解決するかどうか尋ねられました。「ユーザーがスクロールしない限り、ページの負荷に表示されないようにdivを最初のフォールドの下に「プッシュ」する方法はありますか? "コンテンツの長さやビューポートのサイズを知らなくてもそうします。 – rgthree