https://codepen.io/michaeldoyle/pen/Bhsif?editors=0010 で見られるような効果を試しています。問題は、何らかの理由で、私のサイトhttp:/でまったく機能しないことです。 /pmoore17.altervista.org/TWADrama/index.php私は、コンテンツが段階的に進行している間にスライドショーを段階的に廃止しようとしており、その逆も同様です。助けて?
私の JQuery:
var hidetop = $("#hidetop");
var range = $("#hidetop").height();
var body = $("#wrapper");
$(window).on('scroll', function() {
var scrollTop = $(this).scrollTop();
var offset = hidetop.offset().top;
var height = hidetop.outerHeight();
offset = offset + height / 2;
var calc = 1 - (scrollTop - offset + range) / range;
hidetop.css({
'opacity': calc
});
if (calc > '1') {
hidetop.css({
'opacity': 1
});
} else if (calc < '0') {
hidetop.css({
'opacity': 0
});
}
});
私の JQuery は現在サイトから削除されています。これは、ロード時間が増加するだけで、画像がロードされないためです。
はい、分かりました。
2 で除算を削除しoffset = offset + height / 2;
ます。
このように: offset = offset + height;
また、長いページでテストしてください。
または - テストのためだけに - これを追加します:
$("#wrapper").css({"高さ":2000});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加