recherche

Maison  >  Questions et réponses  >  le corps du texte

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

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

高洛峰高洛峰2781 Il y a quelques jours1011

répondre à tous(2)je répondrai

  • typecho

    typecho2017-06-26 10:55:43

    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.

    répondre
    0
  • 伊谢尔伦

    伊谢尔伦2017-06-26 10:55:43

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

    répondre
    0
  • Annulerrépondre