如何使用 jquery 滚动窗口 onload

发布于 2024-09-12 06:58:48 字数 274 浏览 3 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

野鹿林 2024-09-19 06:58:48

如果您想要一个漂浮盒：
将您的表单放入 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);
});

If you want a floater box:
put your form in a DIV , make it's position absolute, center it:
Add this JQuery plugin:
http://plugins.jquery.com/project/elementcenter

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

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

if you want to scroll:

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

回复收藏 0 原文

~没有更多了~