0

一个非常基本的设置：title-shim-container。垫片确保在页面加载时，容器保持在窗口底部，以便为后台的视频直播腾出空间。

当容器向上滚动并点击标题时，标题将被推离屏幕并在其原始位置下降。容器由jQuery Isotope 插件相对定位；这是无法改变的。

我在这里得到的第一部分。但是如何让第二部分工作呢？我只有这么远:(

jQuery.event.add(window, "load", shimming);
jQuery.event.add(window, "resize", shimming);
    
function shimming() {
    var wheight = $(window).height();
    $('#shim').css('height', (wheight - 63));
} // this part up to here works

$(window).bind("load resize scroll", function () {
    var wheight = $(window).height();
    console.log(wheight);
    var wscrolled = $(window).scrollTop();
    console.log(wscrolled);

我在以前的帖子中要求这个没有提供小提琴，所以我最好删除那些帖子？

谢谢你的建议...

4

1 回答 1

1

我花了一秒钟才弄清楚你在问什么。小提琴中的评论实际上比你在这里的问题更有用，但我认为这抓住了你想要的：

if (wscrolled > wheight - 187) {
    $('#title').css('position', 'absolute');
    $('#title').css('top', (wheight - 123));
} else if (wscrolled <= wheight - 187) {
    $('#title').css('position', 'fixed');
    $('#title').css('top', 64);
}

187 来自瓷砖的组合高度和边距以及垫片留下的间隙空间。123 是标题的高度和保持所有内容正确排列的间隙空间。

-- 已编辑 --

在我看来，值得添加一个 else if 条件，以防止在进行大量滚动时重复设置现有设置。

于 2012-07-12T00:23:57.207 回答