javascript - Comment augmenter dynamiquement la position d'une barre latérale fixe dans une page avec la barre de défilement?
高洛峰
高洛峰 2017-06-26 10:53:43
0
2
881

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous (2)
typecho

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/

      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!