我正在开发一个非常简单的项目，它包含一个图像网格。单击图像时，它会扩展<div>一些内容并滚动窗口，这要归功于几个变量计算（不确定我是否这样做是最好的方法），以便放置{{ 1}}内容正好在标题下方。这个展开的<div>包含一些导航按钮;下一个，上一个和关闭。即使我们向下滚动内容，我也试图保持关闭按钮始终可见。我通过使用此函数将CSS位置从<div>更改为absolute来执行此操作：
fixed但它总是按预期执行一些随机更改，但它影响我将$(function () {
var winD = $(window);
var pos = distanceItemBt;
winD.scroll(function(){
if (winD.scrollTop() <= pos ){
$('.buttons .btn-close').css({position: 'absolute', top: 10});
} else {
$('.btn-close').css({position: 'fixed', top: 65});
}
});
});
放在标题下方的位置。
在这里，你是小提琴https://jsfiddle.net/tanaan/35j2tu6p/
我不确定我是否没有获得正确的变量或者缺少任何能够更轻松地完成所有工作并且总是以相同方式工作的计算。
我求求一些帮助，因为我不知道还有什么可以尝试的。
非常感谢所有人。