javascript - Comment augmenter dynamiquement la position d'une barre latérale fixe dans une page avec la barre de défilement?

Question

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...

Answer 1

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.

Answer 2

Voyons si cela fonctionne
https://jsfiddle.net/eyvxw3wc/