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

前端之家收集整理的这篇文章主要介绍了jquery – Colorbox停止背景滚动并返回父页面上的相同位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个无序的列表,我使用视图在drupal 7中创建.每个列表项都有一个打开一个颜色框的链接.如果将鼠标放在colorBox(这是父页面)的褪色背景上,可以滚动父页面.我之后是父页面停止滚动,并在父页面关闭时返回到父页面上的相同位置/锚点.

在这里搜索问题我发现代码

$(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

有任何想法吗?

解决方法

我想你可以这样做:
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);
});​

猜你在找的jQuery相关文章