0

我在脸红上面的问题措辞有些麻烦。随便...

尝试搜索这个，似乎没有什么可以解决我的问题。所以...

我最近看到了这个新的“东西”（几个网站），它们有一个固定的位置 div（社交媒体），它被揭示（似乎......好像只有我知道它只是 javascript 或 jquery 或你有什么！）当您滚动过去页面上的某个点。

这是我想要的一个例子>>> http://digital-photography-school.com/how-to-photograph-strangers-the-100-strangers-project

当您向下滚动页面时，页面左侧的社交媒体栏会显示或出现。

我是自学成才的，所以我知道 HTML 和 CSS（够了）。但是，当涉及到 javascript/jquery 时，我会很快迷失方向！

所以，求求你，什么时候（如果）回答......如果你要给我除了 HTML 和 CSS 之外的 javascript / jquery，请告诉我把 java / jquery 放在什么位置HTML。

我的平台：blogspot（是的，我知道如何直接在博客上托管 javascript，所以我不需要外部文件/链接）。只要告诉我在哪里添加它，例如：在 HTML 本身的头部或正下方/上方......你知道我的意思是希望！

我现在已经将社交媒体 div 固定在我的页面上——我只需要让它在滚动时显示在某个点之后。

如果对您有帮助，请使用与上述网站示例相同的位置、大小等。我会尽我所能将样式应用于我自己的网站。

我无法发布指向我的实际网站的链接，因为它还没有准备好上线。

提前谢谢了。:-)

！！！！！！！！！！更新！！！！！！！！！！

好的，花了一些时间，但我设法在这个网站上找到了我想要的东西！我不得不根据我的情况调整它，但它就像一个魅力，只需要几分钟就可以实现。

这是我在 HTML 中的 div 下方使用的 javascript：

$(function() {
$(window).scroll(function() {
    if ($(document).scrollTop() > 500) {

        $('#social-media').slideDown(0);

    }else if($(document).scrollTop() < 500){

        $('#social-media').fadeOut(0);
    }
});
})

这是CSS：

#social-media {
background: white;
width: 150px;
height: auto;
position: fixed;
z-index:1000;
top: 20px;
display: none;
}

成功了！我也回答了我自己的问题！万一有人遇到同样的问题。

谢谢你所做的一切——我一次又一次地来到这里——这些年来真的帮了我很多！

4

0 回答 0