Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 固定，粘性元素停止在页脚_Javascript_Jquery_Html_Sticky - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 固定，粘性元素停止在页脚

Javascript 固定，粘性元素停止在页脚

javascript jquery html

Javascript 固定，粘性元素停止在页脚,javascript,jquery,html,sticky,Javascript,Jquery,Html,Sticky,我使用jstickyjavascript浮动一个元素，直到它滚动到一个stopper（在本例中是页脚），然后停止 这对于非固定元素非常有效，但我不确定如何将元素固定在浏览器窗口的右下角来实现这一点。我希望它距离视口的底部和右侧大约15px。有什么想法吗 Brian如果我理解正确，您希望将播放图标从页面右下角移到15px，并在到达页脚时使其消失吗 最简单的方法是使按钮本身处于绝对位置： .fixed-button { position: absolute; right: 15px;

我使用jstickyjavascript浮动一个元素，直到它滚动到一个stopper（在本例中是页脚），然后停止

这对于非固定元素非常有效，但我不确定如何将元素固定在浏览器窗口的右下角来实现这一点。我希望它距离视口的底部和右侧大约15px。有什么想法吗

Brian

如果我理解正确，您希望将播放图标从页面右下角移到15px，并在到达页脚时使其消失吗

最简单的方法是使按钮本身处于绝对位置：

.fixed-button {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
请注意，
position:absolute
将使其不停在页脚处。要解决这个问题，您可以使用
float:right
，但您需要修改jSticky以从
底部而不是从
顶部工作。我不熟悉jSticky，但是改变它会得到期望的结果

希望这有帮助！：）