ウェブの視差をスクロールしてブラウズする-ページを奥行きのある立体感に見せる
1053 ワード
ページをスクロールする位置によって、ページ要素のスクロール差をコントロールして、ページを奥行きと奥行きのある立体感に見えるようにします.
あなたのデザインを飛ばして、ページに個性を持たせます.
ダウンロード:https://download.csdn.net/download/zhi_jie/11172152 JSコード:
あなたのデザインを飛ばして、ページに個性を持たせます.
ダウンロード: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")