小编BN8*_*N83的帖子

我目前正在使用以下内容:

http://jsfiddle.net/0mLzseby/469/

要使我的侧边栏按下页面.虽然我有一个很大的页脚,我希望div在它到达页脚时停止而不是继续滚动.

我目前的代码是:

function sticky_relocate() {
    var window_top = $(window).scrollTop();
    var div_top = $('#sticky-anchor').offset().top;
    if (window_top > div_top) {
        $('#sticky').addClass('stick');
    } else {
        $('#sticky').removeClass('stick');
    }
}

$(function () {
    $(window).scroll(sticky_relocate);
    sticky_relocate();
});

我知道有一个非常简单的方法,但我似乎无法在我的搜索中找到任何东西.

我找到了很多关于到达页面上某个滚动位置然后将div设置为不同大小的示例,但是我想根据滚动位置调整div的最大高度.最初我希望div max-height大约是150px,然后当你从页面向下200px滚动到页面下400px时,我希望div的最大高度减小到75px.然后显然当你向上滚动时,它会变大.

我不能提供我已经尝试过的例子,因为我还没有尝试,因为我不知道从哪里开始.

注意:尺寸应随滚动位置逐渐调整.

我搜索过的所有东西都显示了制作一个完整的div可点击,我想知道的是,是否有可能只使用javascript和div ID对可点击的链接进行div？

更新:

对不起,我认为我对我的问题非常模糊,所以我会更详细地介绍一下.我有一个框的布局,如果我的数据库中有一个值,我希望PHP将一些值回显到javascript中,并说如果这个框被采用,给这个div(boxID)提供与数据库相关的链接.只是,每个div上都没有链接,因为数据库中不存在某些链接.

希望这能提供更多细节.我想替代方案是将每个div包装在一个标签和一个if exists语句中？