Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.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
Javascript 我试图在弹出窗口打开的情况下设置滚动动画,但不起作用_Javascript_Scroll_Popup - Fatal编程技术网

Javascript 我试图在弹出窗口打开的情况下设置滚动动画,但不起作用

Javascript 我试图在弹出窗口打开的情况下设置滚动动画,但不起作用,javascript,scroll,popup,Javascript,Scroll,Popup,你好,我有个问题 弹出后 我必须使用动画来滚动到我想要的位置 但那个代码并没有起作用 我不知道为什么 如果代码未处于弹出状态,则该代码可以工作 代码 及 我已经将类名从body改为modal窗口类名,但仍然不是 // work $("#" + ch).css("background-color", "skyblue"); // not work $('html, .categoynick_moda

你好,我有个问题

弹出后

我必须使用动画来滚动到我想要的位置

但那个代码并没有起作用

我不知道为什么

如果代码未处于弹出状态,则该代码可以工作

代码

我已经将类名从body改为modal窗口类名,但仍然不是

            // work 
            $("#" + ch).css("background-color", "skyblue");

            // not work
            $('html, .categoynick_modal').animate({
                'scrollTop': $("#"+ch).offset().top
            });
模态


模态头
&时代;
接近
非常感谢您让我知道如何在弹出窗口打开的情况下运行动画滚动,或者如何移动到特定位置


我想你应该用卷轴来显示这样的内容

$('html, YOUR_MODAL_DIV_ID_OR_CLASS').animate({
   'scrollTop' : $("#"+ch).offset().top
});

不要使用身体

我想你应该用卷轴来这样做

$('html, YOUR_MODAL_DIV_ID_OR_CLASS').animate({
   'scrollTop' : $("#"+ch).offset().top
});

不要使用身体

除非您确实需要使用jQuery动画功能,否则您可以尝试以下方法:

document.getElementById('CategoryModal').scrollTo({
  top: $("#"+ch).offset().top,
  left: 0,
  behavior: 'smooth'
});

除非您绝对需要使用jQuery动画功能,否则您可以尝试以下方法:

document.getElementById('CategoryModal').scrollTo({
  top: $("#"+ch).offset().top,
  left: 0,
  behavior: 'smooth'
});

//work$(“#”+ch).css(“背景色”、“天蓝色”);//不工作$('html,.categoynick_modal')。动画({'scrollTop':$(“#”+ch.bottom});//work$(“#”+ch).css(“背景色”、“天蓝色”);//不工作$('html,.categoynick_modal')。动画({'scrollTop':$(“#”+ch.bottom});我不知道这是否是打字错误,但在您编辑的代码中,您使用了$(“#”+ch).bottom,它应该是$(“#”+ch).offset().top?谢谢您的回答。似乎有点不对劲,但我还不知道。我会找到更多。我不知道这是否是一个打字错误,但在您编辑的代码中,您使用$(“#”+ch).bottom,应该是$(“#”+ch).offset().top?谢谢您的回答。似乎有点不对劲,但我还不知道。我会了解更多。谢谢你的回复,但是你提供的解决方案不起作用。显示的是颜色,但滚动是无声的。无声的意思是滚动,但没有动画?当我看到你的图片时,我才意识到类别列表在模式中。。。我编辑了我的答案。滚动modal div会更有意义!谢谢您的回复,但您提供的解决方案不起作用。显示的是颜色,但滚动是无声的。无声是指滚动但没有动画?我刚意识到类别列表在模式中,当我看到您的图片时。。。我编辑了我的答案。滚动modal div会更有意义!