Javascript 获取位置为固定的元素上的滚动值

我有一个页眉部分。在它中，两个块在移动设备上滚动或拖动后横向移动

我试图设置标题的滚动，但我也希望页面的其余部分保持不变，直到侧块到达左侧：-50%和右侧：-50%。 我有一个事件滚动设置为header，带有pageYoffset值

我尝试将页面提供给该部分的其余内容设置为：fixed，但随后该滚动不再工作，并且不计算pageYoffset。 你有什么想法可以绕过它，这样页面的其余部分只有在标题完全公开后才会滚动？ （简而言之，粉红色部分应位于顶部，并等待标题消失）

---

一种解决方案是不使用窗口滚动，而是使用滚动手势（从鼠标滚轮和触摸移动）来控制左右面板，并在面板未完全打开时防止实际滚动

因此，请尝试使用

$（'.cd block'）.bind（'mouseweel'，handler'）和
$（'.cd block'）.bind（'mouseweel'，handler'）来代替
$（窗口）。bind（'mouseweel'，handler）

处理程序是：

function updateCurrent(event) {
    if (current >= 50) {
        current = 50;
    } else {
        if (current <= 0) {
            current = 0;
        }
        // if below 50 we cancel the event to prevent the scroll
        event.originalEvent.preventDefault();
    }

    eleLeft.css({left:"-"+current+'%'});
    eleRight.css({right:"-"+current+'%'});
}

函数更新当前（事件）{
如果（当前>=50）{
电流=50；
}否则{
如果（当前有什么想法……？您好！谢谢您的回答。这是一个很好的方向。我通过简单的更正修复了这个错误：current+=（event.originalEvent.deltaY*0.5）/25；
function updateCurrent(event) {
    if (current >= 50) {
        current = 50;
    } else {
        if (current <= 0) {
            current = 0;
        }
        // if below 50 we cancel the event to prevent the scroll
        event.originalEvent.preventDefault();
    }

    eleLeft.css({left:"-"+current+'%'});
    eleRight.css({right:"-"+current+'%'});
}