如何使用jquery滚动窗口onload

时间:2010-08-03 14:46:36

标签: jquery scroll resize horizontal-scrolling

我在桌子中间有一张表格。我希望这种形式始终在窗口的中心垂直和水平,即使窗口尺寸小于桌子。 我正在考虑使用jQuery的scrollTo函数并将其命名为onLoad和onResize, http://demos.flesler.com/jquery/scrollTo/ 但我是一个乞丐,我不知道该怎么做。我将不胜感激任何帮助或示例与标题和脚本函数中的调用。 非常感谢你。

1 个答案:

答案 0 :(得分:3)

如果你想要一个漂浮箱:
把你的形式放在DIV中,让它的位置绝对,居中它:
添加此JQuery插件:
http://plugins.jquery.com/project/elementcenter

$(document).ready(function() {
     $('#div_id').css('position','absolute');
     $('#div_id').center();
});

$(window).resize(function() {
     $('#div_id').center();
});

如果你想滚动:

$(document).ready(function() {
     window.scrollTo(0,$("#FORM_ID").offset().top);
});
$(window).resize(function() {
     window.scrollTo(0,$("#FORM_ID").offset().top);
});