Javascript 如何使用jquery/css修复屏幕上的元素(有示例)?

Javascript 如何使用jquery/css修复屏幕上的元素(有示例)?,javascript,jquery,css,Javascript,Jquery,Css,在这个网站上,你可以看到左手边有一个“关注我们,facebook” 当你向上或向下滑动屏幕时,它会跟随你的屏幕 我想知道如何实现这个功能,或者有没有jquery插件可以实现这个功能?多谢各位 #myElement { position:fixed; top:50px; left:0px; } 元素将相对于浏览器窗口定位,滚动/调整大小不会影响它 元素将相对于浏览器窗口进行定位,滚动/调整大小不会影响它您只需使用一些样式设置位置作为位置:固定。您也可以使用css规则,下面

在这个网站上,你可以看到左手边有一个“关注我们,facebook”

当你向上或向下滑动屏幕时,它会跟随你的屏幕

我想知道如何实现这个功能,或者有没有jquery插件可以实现这个功能?多谢各位

#myElement {
    position:fixed;
    top:50px;
    left:0px;
}
元素将相对于浏览器窗口定位,滚动/调整大小不会影响它


元素将相对于浏览器窗口进行定位,滚动/调整大小不会影响它

您只需使用一些样式设置位置作为
位置:固定。您也可以使用css规则,下面是一个示例

内联样式

<div style="position:fixed; top:100px; left:0px;">
   your content
</div>

你的内容
使用css

<html>
    <style>
        #element {
            position:fixed; top:100px; left:0px;
        }
    </style>
    <body>
        <div id="element">
            your content
        </div>
    </body>
</html>

#元素{
位置:固定;顶部:100px;左侧:0px;
}
你的内容

您只需使用一些样式设置位置作为
位置:固定。您也可以使用css规则,下面是一个示例

内联样式

<div style="position:fixed; top:100px; left:0px;">
   your content
</div>

你的内容
使用css

<html>
    <style>
        #element {
            position:fixed; top:100px; left:0px;
        }
    </style>
    <body>
        <div id="element">
            your content
        </div>
    </body>
</html>

#元素{
位置:固定;顶部:100px;左侧:0px;
}
你的内容

内联样式也是CSS,顺便说一句,内联样式也是CSS