Javascript CSS半固定元素?
我记得最近看到过一个这样的例子,但就我个人而言,我找不到这个网站 它是一个按钮或类似的东西,位于靠近屏幕顶部的位置,当你向下滚动时,它会停留在屏幕上 现在我想起来了,它一定是由javascript驱动的,但看起来很自然 是否有人知道一个网站具有此功能或如何实现此功能的信息 编辑Javascript CSS半固定元素?,javascript,html,css,Javascript,Html,Css,我记得最近看到过一个这样的例子,但就我个人而言,我找不到这个网站 它是一个按钮或类似的东西,位于靠近屏幕顶部的位置,当你向下滚动时,它会停留在屏幕上 现在我想起来了,它一定是由javascript驱动的,但看起来很自然 是否有人知道一个网站具有此功能或如何实现此功能的信息 编辑 不,这不仅仅是位置:使用javascript固定或永久浮动。感谢durilai指出这一点: 事实证明,就在这里(问题编辑页面),我看到了这个。“如何格式化”框位于编辑框的右侧,并随页面的其余部分一起移动,但在应将其滚动到
不,这不仅仅是
位置:使用javascript固定或永久浮动。感谢durilai指出这一点:
事实证明,就在这里(问题编辑页面),我看到了这个。“如何格式化”框位于编辑框的右侧,并随页面的其余部分一起移动,但在应将其滚动到视图之外时,该框将变为位置:固定
这是通过使用jQuery实现的。我认为他们有一些自定义代码,但下面是我的实现:
var scrollerTopMargin = $("#scroll-container").offset().top;
$(window).scroll(function(){
var c = $(window).scrollTop();
var d = $("#scroll-container");
if (c > scrollerTopMargin) {
d.css({ position: "fixed", top: "0px" });
}
else if (c <= scrollerTopMargin)
{
d.css({ position: "relative", top: "" });
}
});
var scrollerTopMargin=$(“#滚动容器”).offset().top;
$(窗口)。滚动(函数(){
var c=$(window.scrollTop();
var d=$(“#滚动容器”);
如果(c>scrollerTopMargin){
d、 css({位置:“固定”,顶部:“0px”});
}
否则,如果(c),那么它不仅仅是位置:固定的?dup: