日期:2014-05-16  浏览次数:20620 次

jquery ui 怎么让dialog一直在浏览器的右下角

$( "#baojing" ).dialog({
autoOpen: false,
height: 200,
width: 300,
modal: false,
position: ['right','bottom'],
buttons: {
"确定": function() {
},
"取消": function() {
$( this ).dialog( "close" );
}
}
});
一开始在浏览器的右下角

可是浏览器滚动条一来位置就上去了,我想让dialog一直保持在浏览器的右下角,无论浏览器怎么滑动都让他保持在浏览器的有下角
------解决方案--------------------
官网里看到这么一段实例代码,
Initialize the dialog with the position option specified:
你已经做的应该是这个初始化时定位dialog
$( ".selector" ).dialog({ position: { my: "left top", at: "left bottom", of: button } });

下面是初始化后在设置dialog的位置,我觉得要不要当滚动条发生滚动时,再设置一次位置,不知道能不能解决
Get or set the position option, after initialization:

// getter
var position = $( ".selector" ).dialog( "option", "position" );
 
// setter
$( ".selector" ).dialog( "option", "position", { my: "left top", at: "left bottom", of: button } );

------解决方案--------------------
方法有二(建设用第一种):
1.可以把dialog的position设为fixed来实现
2.同1楼,每次屏幕滚动时再更设dialog的位置
------解决方案--------------------
实现方法楼上面都说的很清楚了  相信楼主知道怎么做   但是建议在body onload的时候加载dialog   然后用body的mouseover事件来控制