因此,我有一个产品页面,其中描述是一个相对于viewport的固定元素。但是,当一直滚动到底部时,元素将与页脚内容重叠,看起来不太好。
我要做的是使用jQuery来确定description元素底部开始与脚注元素顶部重叠的确切位置,并将其更改为绝对位置,其底部与脚注元素的位置相等。我想要的结果是,如果不重叠的话,它就会“粘”到页脚的顶部。
这是我的密码:
$(window).scroll(function() {
//offset of bottom of element from top
var osProduct = $('.product-single__meta