Question

上面的问题上写了一些问题脸红。 Anywho ...

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

我最近看到了这个新的“事物”（几个网站），他们有一个固定的位置div（社交媒体）被揭示（看起来......好像只是通过魔法我知道它只是javascript或jquery或whathaveyou ！）滚动浏览页面上的某个点时。

以下是我想要的示例＆gt;＆gt;＆gt; 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，所以我不需要外部文件/链接）。告诉我在哪里添加它，例如：在head部分或HTML本身下方/上方...你知道我的意思有希望！

我现在已经在我的页面上修复了社交媒体div - 我只需要能够在滚动时使其显示在某个点上。

如果它对您有帮助，请使用与上述网站示例相同的位置，尺寸等。我将尽我所能将样式应用到我自己的网站。

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

非常感谢提前。： - ）

!!!!!!!!!! UPDATE !!!!!!!!!!

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

这是我在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;
}

诀窍！我也回答了自己的问题！如果有人遇到同样的问题。

感谢所有事情 - 我一次又一次地来到这里 - 这些年来真的帮助了我很多！

浮动社交媒体显示/出现在某些点滚动固定位置

0 个答案: