Maison  >  Article  >  interface Web  >  Introduction à certains paramètres de la barre de défilement jquery easyui

Introduction à certains paramètres de la barre de défilement jquery easyui

高洛峰
高洛峰original
2017-01-11 09:55:541140parcourir

Lors de l'utilisation du plug-in de dialogue, l'écran est centré par défaut, mais lorsqu'une barre de défilement apparaît sur la page, la boîte de dialogue ne défile pas vers le bas avec la barre de défilement. À ce stade, l'utilisateur doit faire glisser le défilement. barre pour positionner la boîte de dialogue, ce qui n'est pas humain. , avant de dire la solution, vulgarisons plusieurs méthodes de positionnement jquery

//获取浏览器显示区域的高度 
$(window).height(); 
//获取浏览器显示区域的宽度 
$(window).width(); 

//获取页面的文档高度 
$(document.body).height(); 
//获取页面的文档宽度 
$(document.body).width(); 

//获取滚动条到顶部的垂直高度 
$(document).scrollTop(); 
//获取滚动条到左边的垂直宽度 
$(document).scrollLeft();

ok, le problème suivant peut être facilement résolu. Il existe des fonctions prêtes à l'emploi pour le déplacement. la boîte de dialogue, mais la boîte de dialogue elle-même n'a pas de fonction de déplacement, mais la boîte de dialogue est héritée du panneau et le panneau a une fonction de déplacement, vous pouvez donc appeler la fonction de déplacement du panneau pour déplacer la boîte de dialogue

$('#dlg').dialog('open'); 
$("#dlg").panel("move",{top:$(document).scrollTop() + ($(window).height()-250) * 0.5});

where $(window).height()-250, où 250px correspond à la largeur de la boîte de dialogue.

Pour plus d'introduction aux paramètres de la barre de défilement jquery easyui et aux articles connexes, veuillez faire attention au site Web PHP 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