ウェブの視差をスクロールしてブラウズする-ページを奥行きのある立体感に見せる

1053 ワード

ページをスクロールする位置によって、ページ要素のスクロール差をコントロールして、ページを奥行きと奥行きのある立体感に見えるようにします.
あなたのデザインを飛ばして、ページに個性を持たせます.
ダウンロード:https://download.csdn.net/download/zhi_jie/11172152 JSコード:
/*
// ======        -    | 2019-5
scrollplay(  ,   )              
    sc     
sc>0           ,  sc<0          。
------
html: 
JS: scrollplay($(".scrollbox"), $(window).height()*0.4); */ function scrollplay($target,$point){ var point=$point || 300; $target.each(function(){ $(this).data("top",$(this).offset().top); }) document.onscroll = function(){ var scrollTop = $(window).scrollTop(); var fold = $(window).height() + scrollTop; scrollbox($target,fold,scrollTop,point); } } function scrollbox($target,fold,scrollTop,point){ $target.each(function(){ // && if ($(this).data("top")