【问题标题】:how to scroll window onload with jquery如何使用 jquery 滚动窗口加载
【发布时间】:2010-08-03 14:46:36
【问题描述】:

我在桌子中间有一个表格。我希望此表单始终位于垂直和水平窗口的中心,即使窗口大小小于表格也是如此。 我正在考虑使用jQuery的scrollTo函数并将其称为onLoad和onResize, http://demos.flesler.com/jquery/scrollTo/ 但我是一个初学者,我不知道该怎么做。对于标题和脚本函数中的调用,我将不胜感激。 非常感谢。

【问题讨论】:

    标签: jquery scroll resize horizontal-scrolling


    【解决方案1】:

    如果你想要一个浮动框:
    将您的表单放在 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);
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2010-10-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多