Maison >interface Web >js tutoriel >Introduction à certains paramètres de la barre de défilement jquery easyui
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 !