Colorbox停止背景滚动并返回到父页面上的相同位置

Question

我有一个无序列表,我使用视图在drupal 7中创建.每个列表项都有一个打开颜色框的链接.如果将鼠标放在颜色框的褪色背景(即父页面)上,则可以滚动父页面.我所追求的是父页面,当它关闭时,停止滚动并返回父页面上的相同位置/锚点.

在这里搜索问题我找到了代码:

$(document).bind('cbox_open', function () {
    $('html').css({ overflow: 'hidden' });
}).bind('cbox_closed', function () {
    $('html').css({ overflow: 'auto' });
}); 

上面的代码可以工作,但将父页面滚动回到最顶层.

如果我可以动态地这样做,这将有效;

$("html,body").scrollTop(400); // 300 is just a example

有任何想法吗？

Answer 1

kannix得到了它.我只是隐藏在身上的溢出,html的溢出可能很好.

$(document).bind('cbox_open', function() {
    $('body').css({ overflow: 'hidden' });
}).bind('cbox_closed', function() {
    $('body').css({ overflow: '' });
});?

但是,它不应该滚动回到顶部.设置scrolltop只是在解决另一个问题(例如不取消单击的锚元素上的默认操作).

Answer 2

我想你可以这样做:

var position;
$(document).bind('cbox_open', function() {
    position = $("html,body").scrollTop();
    $('html').css({
        overflow: 'hidden'
    });
}).bind('cbox_closed', function() {
    $('html').css({
        overflow: 'auto'
    });
    $("html,body").scrollTop(position);
});?