css - 如何在 snap-content 元素中使用 angular-snap.js 创建修复 btn

Question

如何在 snap-content 元素中创建固定位置例如制作

... { position: fixed; top: 5rem; right: 0; }

<button class="..." snap-toggle="right">Toggle Right</button> 

in this example

并且滚动页面时按钮的位置没有变化

Answer 1

对于临时解决方案，使用 jquery 添加此代码

$('#ScrollElemntID').scroll(function () {
    var $win = $('#ScrollElemntID');
    $('.btnFix').css('top', $win.scrollTop());
});