Javascript 滑动滑块：如果滑块在视口中，则滚动到最后一张幻灯片

我想显示一个滑块，如果滑块进入视口，它应该滚动到最后一张幻灯片

我用光滑的滑块（）来做这个

标题1
这是一位杰出的领袖，他是一位伟大的领袖

标题2
但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务

标题3
这是一位杰出的领袖，他是一位伟大的领袖

标题4
但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务

标题5
这是一位杰出的领袖，他是一位伟大的领袖

标题6
但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务

这里是我提供的另一个例子

我现在的精彩网页
标题1
这是一位杰出的领袖，他是一位伟大的领袖

标题2
但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务

标题3
这是一位杰出的领袖，他是一位伟大的领袖

标题4
但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务

标题5
这是一位杰出的领袖，他是一位伟大的领袖

标题6
但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务

$（文档）.ready（函数（）{
$（'.fade'）。光滑({
点：是的，
无限：是的，
速度:700,，
自动播放：对，
自动播放速度：2000，
箭头：错，
幻灯片放映：1，
幻灯片滚动：1
});
});

$（'.fade'）。在（'init'，函数（event，slick）{$（this）。查找（“.slick dots li”）.last（）.trigger（“click”）；}）

只需在滑码之前保留此项，否则一切都会很完美

$( window.top ).scroll( function () {
    var windowHeight = $( window.top ).height();
    var scrolledHeight = $( window.top ).scrollTop();
    var sliderPosition = $( window.top.document ).find( ".slider-games" ).offset().top;
    var sliderheight = $( window.top.document ).find( ".slider-games" ).height();
    if ( ( windowHeight + scrolledHeight ) > ( sliderPosition + ( sliderheight / 2 ) ) ) {
        $('.slider-games').slick('slickGoTo', $('.slider-games').get(0).slick.$slides.length-1);
    }
} );

---

这会找出您的滑块在页面上的位置，一旦您滚动到元素的50%以上，它将滚动到最后一张幻灯片。要从jquery触发滚动事件，您需要能够滚动。除了滚动事件，您还可以创建一个计时器。

我认为添加一个空白div可以解决您的问题。我不知道这会有什么帮助？！谢谢你的回答。但你的解决方案解决不了我的问题。当滑块进入视口的可见区域时，它不会滚动到最后一张幻灯片。如果提供整个程序，我可能会尝试将其添加到我的代码中（在滑块代码之前），但它不起作用-（你的css是不同的。因为你的css包含像slik dots这样的类，li。但是在你的html中你没有使用这些类。因此它不适用于你的代码。我直接触发。所以当你用鼠标拖动它时，它会在我的HTMLI中触发。如果我将类

。fade

更改为我的滑块类，它会工作！但是网站会跳转到当滑块进入视口的可见区域时，是否有机会跳过跳转并开始滚动？