Maison  >  Article  >  interface Web  >  Une fois que Vue a rendu la page, la barre de défilement div est positionnée en bas (code joint)

Une fois que Vue a rendu la page, la barre de défilement div est positionnée en bas (code joint)

php中世界最好的语言
php中世界最好的语言original
2018-05-10 14:23:503320parcourir

Cette fois, je vais vous apporter la barre de défilement div positionnée en bas après le rendu de la page par vue (code ci-joint). Quelles sont les précautions qui sont positionnées en bas après le rendu de la page par vue Ici. sont Voyons des cas pratiques.

L'exemple est le suivant :

//每次页面渲染完之后滚动条在最底部
updated:function(){
  this.$nextTick(function(){
  var p = document.getElementById('dialogue_box');
  p.scrollTop = p.scrollHeight;
  })
 }
//第一次页面渲染完之后滚动条在最底部
methods:function(){
  this.$nextTick(function(){
  var p = document.getElementById('dialogue_box');
  p.scrollTop = p.scrollHeight;
  })
 }

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article .Pour des choses plus excitantes, veuillez prêter attention à php Autres articles connexes sur le site chinois !

Lecture recommandée :

étapes de mise en œuvre d'une requête en cascade agrégée

Analyse JS de la méthode de génération d'une image de code QR à partir d'un lien

Composants dynamiques vue2.0 et instructions d'utilisation du rendu

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn