使用jQuery滚动到lightbox div的顶部
我有一个jQueryUI对话框,内容超过了默认高度(因此它在对话框中滚动),底部有一个提交按钮。我使用ajaxstart显示加载屏幕,但由于对话框滚动,您不会看到加载div,除非我单击按钮并手动滚动到顶部 我希望能够在单击事件时滚动到对话框中div的顶部。我尝试了以下代码(但没有成功):使用jQuery滚动到lightbox div的顶部,jquery,css,jquery-ui,dialog,Jquery,Css,Jquery Ui,Dialog,我有一个jQueryUI对话框,内容超过了默认高度(因此它在对话框中滚动),底部有一个提交按钮。我使用ajaxstart显示加载屏幕,但由于对话框滚动,您不会看到加载div,除非我单击按钮并手动滚动到顶部 我希望能够在单击事件时滚动到对话框中div的顶部。我尝试了以下代码(但没有成功): 根据Ohgodwhy的建议,一个简单的$(“#div”).scrollTop(0)会将您带到div的最顶端。我已经读到这可以设置动画,但出于我的目的,我只需要它返回顶端,没有其他:)谢谢 捕获具有滚动条的窗口的
根据Ohgodwhy的建议,一个简单的
$(“#div”).scrollTop(0)
会将您带到div的最顶端。我已经读到这可以设置动画,但出于我的目的,我只需要它返回顶端,没有其他:)谢谢 捕获具有滚动条的窗口的ID或类。然后使用$('#thisWindow')。scrollTop(0)
滚动到该元素的顶部。
#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');
});