L'exigence est la suivante. Au début, la barre latérale de la page est fixée à une certaine position sur la page (par exemple : droite : 0 ; bas : 0) lorsque la barre de défilement défile, afin d'empêcher la barre latérale de défiler. en pliant la partie pied de page ((voir l'image ci-dessous), lorsqu'elle atteint une certaine position, la valeur inférieure augmente avec l'augmentation de la barre de défilement. L'effet est similaire à celui du site Web chinois Qidian. Le code est le suivant . S'il te plait mon Dieu, mes fesses n'augmentent que d'un et elles ne bougent plus !
Le code est le suivant :
//滚动条监听事件 $(window).scroll(function () { var sTop = $(document).scrollTop(); var Bottom = 100;//设置底部距离 if (sTop >= 1738) { Bottom++;//不断增加 $(".main .main_p").css("bottom",Bottom);//设置固定侧边框位置 }else{ $(".main .main_p").css("bottom",0); } })
L'affichage des effets spécifiques du site Web chinois de Qidian : http://read.qidian.com/chapte...
Pas besoin d'en ajouter, c'est un gaspillage de ressources. Utilisez un positionnement fixe, puis passez au positionnement absolu ou à d'autres méthodes pour le positionner vers le bas.
Voyons si cela fonctionne
https://jsfiddle.net/eyvxw3wc/