使用 jQuery 滚动到灯箱 div 的顶部答案

【问题标题】：Scroll to top of a lightbox div using jQuery使用 jQuery 滚动到灯箱 div 的顶部
【发布时间】：2012-04-22 17:09:58
【问题描述】：

我有一个 jQueryUI 对话框，其内容超过了默认高度（因此它在对话框中滚动），底部有一个提交按钮。我正在使用 ajaxstart 显示加载屏幕，但由于对话框滚动，您看不到加载 div，除非我单击按钮并手动滚动到顶部。

我希望能够在单击事件的对话框中滚动到 div 的顶部。我尝试了以下代码（但没有成功）：

#loading {
z-index: 200;
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:#000000;

/* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=70);

/* Older than Firefox 0.9 */
-moz-opacity:0.5;

/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.5;

/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.5;
 }

 // jQuery Script:
 $("input[name='docSubmit']").click(function() {
            var height = $("#attendeeManual").height();
            $("#loading").css("height",height);
            $('html, body').animate({scrollTop:$('#attendeeManual').offset().top - 20}, 'slow');
        });

【问题讨论】：

捕获具有滚动条的窗口的 ID 或类。然后使用$('#thisWindow').scrollTop(0); 滚动到该元素的顶部。

标签： jquery css jquery-ui dialog

【解决方案1】：

根据 Ohgodwhy 的建议，一个简单的 $("#div").scrollTop(0) 会将您带到 div 的最顶部。我读过这可以动画，但为了我的目的，我只需要它返回顶部，没有别的：）谢谢！

【讨论】：