Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在一个范围内通过垂直滚动水平移动div_Jquery_Css - Fatal编程技术网

Jquery 在一个范围内通过垂直滚动水平移动div

Jquery 在一个范围内通过垂直滚动水平移动div,jquery,css,Jquery,Css,这个问题很类似于 我在一个长页面中有一个特定的点,当用户滚动到该点时,我想将一个div从屏幕上的离页(右)移动到离页左侧 在上面的链接中,他们使用了文档高度,我认为这对我没有帮助 我已经弄清楚了什么时候该采取行动: if ((win_height+scroll_top) > start_trigger) { // Move calc } 我想让div在滚动查看端口高度时移动屏幕的距离 div的起点是右侧:-464px 窗口宽度(移动距离)和窗口高度(移动时间)之间存在关系,但我无

这个问题很类似于

我在一个长页面中有一个特定的点,当用户滚动到该点时,我想将一个div从屏幕上的离页(右)移动到离页左侧

在上面的链接中,他们使用了文档高度,我认为这对我没有帮助

我已经弄清楚了什么时候该采取行动:

if ((win_height+scroll_top) > start_trigger)
{
    // Move calc
}
我想让div在滚动查看端口高度时移动屏幕的距离

div的起点是
右侧:-464px

窗口宽度(移动距离)和窗口高度(移动时间)之间存在关系,但我无法确定在达到
start\u触发器时如何设置div的开始位置

start\u触发器
是5000px。它随着屏幕宽度的变化而变化

这里有一个链接:“选择你的角色”滑块下面的“场景”通常是隐藏的,直到你通过它,所以高度会改变

滚动直到看到消防车。希望有帮助


我试图实现的另一个例子是保镖本身上的“小偷”:还没能解剖出来。

好的。在这里检查。举个简单的例子

您需要计算元素
offset().top
(到文档顶部的距离)并将其与
$(窗口).scrollTop()+$(窗口).height()进行比较

如果有帮助,请告诉我

JQ代码:

$(window).scroll(function() {
    $(".moving").each(function() {
        a = $(this).offset().top 
        b = $(window).scrollTop() + $(window).height();
        if (a < b) $(this).animate({
            'right':'100%',
        });
    });

});
$(窗口)。滚动(函数(){
$(“.moving”).each(函数(){
a=$(this).offset().top
b=$(窗口).scrollTop()+$(窗口).height();
如果(a
我不知道如何手动执行此操作,但我知道存在具有滚动效果的jQuery插件-scrollmagic

您应该包括HTML和CSS,并制作一个简短的示例,以便我们可以帮助您。从“故事”到“故事”,我们无法帮助你了解“故事”,向他人描述问题。我添加了一个链接,希望对你有所帮助。谢谢你,但这并没有回答我问题中的任何一点。我说过我知道什么时候开始移动(用代码示例)。使用“动画”移动它不会与垂直滚动同步移动,也不会在窗口高度范围内完成移动。