我需要使包含按钮的div变粘,以便当用户滚动屏幕时,该div中的按钮将保持在底部.
这样,用户无需一直向下滚动以单击按钮.
这样,用户无需一直向下滚动以单击按钮.
示例页面：https://jsfiddle.net/thunderbolt36/a4yjfg13/
包含按钮的div一直在这里：
<div class="form-group sticky-button-thing-not-working-on-ie">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Save" class="btn btn-default" />
</div>
</div>
让它变粘的CSS类(在Firefox上工作)：
.sticky-button-thing-not-working-on-ie {
position: sticky;
bottom: 0;
right: 0;
background: rgba(0,211,0.6);
}
但这同样适用于Internet Explorer 11.
有关如何在IE11上使用相同代码的任何帮助？
解决方法
sticky在IE11上不起作用,但幸运的是,在这种情况下,你可以使用fixed,这将适用于新旧浏览器.
.sticky-button-thing-not-working-on-ie {
position: fixed; /* added to support older browsers */
position: sticky;
bottom: 0;
right: 0;
background: rgba(0,0.6);
}
而你实际上可以放弃粘性,因为它没有按预期使用.粘性优秀,即当你将它放在顶部边缘下方时,当它向下滚动它时,它会随着页面移动直到它到达顶部边缘,在那里它将停止并保持直到再次向上滚动.
附注：Edge支持16版粘贴
