jquery - 当它到达页脚时如何绝对按钮 Bootstrap Affix

Question

我在屏幕右下角创建了一个按钮，在屏幕底部创建了页脚，我已经将按钮定位：固定我想在向下滚动到达页脚时将位置更改为绝对我的 CSS：

.affix-top {
    position:fixed;
}
.affix {
    position:absolute;

} 

我的脚本：

$("#myBtn").affix({
        offset: {
            top: $("#footer").outerHeight(true),
            bottom: null
        }
    });

我的页脚：

<footer class="footer" id="footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <h4 class="title">KYK Restaurant ★&lt;/h4>
                <p>THE BEST Delivery Restaurants - ★★★★★&lt;/p>
            </div>
    </div>
</div>

Answer 1

1）将 data-spy=”affix” 添加到您要在右侧修复的 div 中。还要向 div 添加一个类，在示例中，我将类添加为 my-affix-div。然后添加下面的 Javascript 代码。在js中：

$('.my-affix-div').affix(
   {offset:{top: 75, bottom: 240}}
);

在 CSS 中：

.affix-bottom{
    position: absolute;
    right: 0;  
}
.affix-top{
    position: absolute;
    right: 0;  
}
.affix {
        top: 200px;
        right: 0;  

 }