Javascript jQuery更改滚动条上的最大值

我希望创造一种类似于下一页“为20多岁的人设计”部分的效果。 其效果基本上是获得一个长图像，以更改设备（如MacBook或iPhone）中的css最高值，因此，当用户滚动网站时，设备中的图像似乎也在滚动

我已经创建了一个显示我有多远的方法，但这在调整大小或最初加载时不起作用

下面是我正在使用的一些代码

var yOffset =  $element.offset().top - ($(document).scrollTop() + $(window).height()/diviser)

---

非常感谢您的帮助。

好的，我现在看到了。但动作如此微妙，我甚至没有注意到。这看起来是一个很大的工作，为一些几乎是不明显的。看起来他正在根据整个窗口滚动的百分比变化来更改图像的顶部位置，但仅当图像位于视口内时

就在我的头顶上（完全未经测试），像这样的东西会将图像向上滚动，并将窗口滚动速度提高1/4

var mobiletop = $('.mobile').position().top;
var scrollfactor = 4;

$(window).scroll(function(){
    if($(window).scrollTop() > mobiletop){
        var imgtop = $('.mobile img').position().top -  (($(window).scrollTop() - mobiletop)/scrollfactor);

        $('.mobile img').css('top', imgtop + 'px');
}

---

好的，我现在看到了。但动作如此微妙，我甚至没有注意到。这看起来是一个很大的工作，为一些几乎是不明显的。看起来他正在根据整个窗口滚动的百分比变化来更改图像的顶部位置，但仅当图像位于视口内时

就在我的头顶上（完全未经测试），像这样的东西会将图像向上滚动，并将窗口滚动速度提高1/4

var mobiletop = $('.mobile').position().top;
var scrollfactor = 4;

$(window).scroll(function(){
    if($(window).scrollTop() > mobiletop){
        var imgtop = $('.mobile img').position().top -  (($(window).scrollTop() - mobiletop)/scrollfactor);

        $('.mobile img').css('top', imgtop + 'px');
}

---

您是否试图让此窗口在macbook屏幕内滚动？您所指的示例只是使用4个带背景色和固定位置的div来创建金色边框。这就是你想做的吗？我担心你的问题或你的小提琴不清楚你想要完成什么。@GreggDuncan我已经更新了这个问题，希望这能解释我想要更好地完成什么。我指的是屏幕下方的MacBooks和iPhone，其中的图像改变了最高值。我还创建了一个类似于示例的提琴，但并不完全正确。我不确定“更改最高值”是什么意思。“桌面”和“移动”div的位置绝对正确。然后，里面的图像会被赋予一个style=“top:-180px；”，它会将图像向上移动，从而显示您已经在平板电脑或手机中向下滚动了。这就是你所说的吗？@GreggDuncan是的，正如你所看到的，向下滚动越远，css顶部值不断减少，如果向上滚动，顶部值也开始向上滚动。这不仅仅是把

放在顶端的问题：-180px您是否试图让此窗口在macbook屏幕内滚动？您所指的示例只是使用4个带背景色和固定位置的div来创建金色边框。这就是你想做的吗？我担心你的问题或你的小提琴不清楚你想要完成什么。@GreggDuncan我已经更新了这个问题，希望这能解释我想要更好地完成什么。我指的是屏幕下方的MacBooks和iPhone，其中的图像改变了最高值。我还创建了一个类似于示例的提琴，但并不完全正确。我不确定“更改最高值”是什么意思。“桌面”和“移动”div的位置绝对正确。然后，里面的图像会被赋予一个style=“top:-180px；”，它会将图像向上移动，从而显示您已经在平板电脑或手机中向下滚动了。这就是你所说的吗？@GreggDuncan是的，正如你所看到的，向下滚动越远，css顶部值不断减少，如果向上滚动，顶部值也开始向上滚动。这不仅仅是把
放在顶端的问题：-180px
当您向上滚动时，它还增加了
top
值，而且它的速度似乎比窗口滚动快得多。当您向上滚动时，它还增加了
top
值，而且它的速度似乎比窗口滚动快得多。