Html 暂停在悬停时向上滚动

我试图在WordPress中设置滚动行为。当鼠标悬停在上面时，我无法成功暂停。我尝试了jQuery和CSS（暂停）方法，但都没有成功。非常感谢您的帮助。以下是我的代码（CSS）：

HTML

我试着把jQuery放在类似这样的地方，但它不起作用

var sL = 4000;
$('.sliderz').animate({
    scrollup : su
},100000, 'linear');

$(".sliderz").on("click",function(){
        $(this).stop(true,false);
});

$(".sliderz").on("mouseenter",function(){
    $(this).stop(true,false);
});

$(".sliderz").on("mouseleave",function(){
    $(this).animate({
    scrollup : su
    },100000, 'linear');
});

---

我被困在这里很严重。提前感谢

暂停指定动画暂停。您可以像这样使用：

.sliderz:hover {
animation-play-state: paused;
}

正文{
溢出：隐藏；
}
.部分{
显示：块；
溢出y：自动；
高度：100vh；
}
.第1节，
.第2节{
宽度：100%；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
位置：相对位置；
背景：#fff；
z指数：9；
}
斯莱德兹先生{
明确：两者皆有；
高度：100vh；
列表样式类型：无；
文本对齐：居中；
动画：sliderz 5s线性无限；
}
李先生{
线高：50px；
宽度：100vw；
}
@关键帧滑块Z{
0% {
变换：translateY（100vh）
}
100% {
转换：translateY（-100%）
}
}
.滑块Z:悬停{
动画播放状态：暂停；
}

第一节
第2节
项目
项目
项目

单击会发生什么？它是否像预期的那样工作，还是“鼠标指针”和“点击”都不工作？。而且，它只是不停止动画，还是完全停止了其他事情。您在控制台中有任何错误吗？鼠标悬停时未发生任何错误。我想让它在鼠标悬停在滚动条上时暂停滑动条滚动文本。是否尝试使用$（“.sliderz”）。而不是鼠标指针？在我看来，只要鼠标悬停，动画就会停止。看，我试过了，但什么都没发生，可能是语法错误哇@Ishita-Ray你是摇滚。我仍在寻找一种方法来做到这一点，但在超过6个小时的时间里无法取得成功。。谢谢你救了我一天：）我面临着一个小小的问题。我试图在wordpress列中实现它，溢出Y写为隐藏，但它仍然从列到顶部。slso的起点也是从最底部开始的，需要时间来显示。有什么帮助吗？那你需要询问…：|我已经在我的页面中使用了你的代码。唯一的问题是向上滚动的内容并没有隐藏和移动到列的上方。

window.onload = function() {
var lineHeight = document.querySelector(".sliderz li").clientHeight;
var viewHeight = window.innerHeight;
var sliderz = document.querySelector(".sliderz");
var time = (sliderz.offsetHeight * 2.0 + viewHeight * 2) / 100.0; // 500px / sec

sliderz.style.animationDuration = time + "s";
}

var sL = 4000;
$('.sliderz').animate({
    scrollup : su
},100000, 'linear');

$(".sliderz").on("click",function(){
        $(this).stop(true,false);
});

$(".sliderz").on("mouseenter",function(){
    $(this).stop(true,false);
});

$(".sliderz").on("mouseleave",function(){
    $(this).animate({
    scrollup : su
    },100000, 'linear');
});

.sliderz:hover {
animation-play-state: paused;
}