jQuery循环寻呼机scrollTop

Question

我有这个：

<div id="slides">
    <img src="images/1.jpg">
    <img src="images/2.jpg">
    <img src="images/3.jpg">
    <img src="images/4.jpg">
    <img src="images/5.jpg">
</div>

<div id="t-container">
    <ul class="thumbs">
        <li><img src="images/1.jpg"></li>
        <li><img src="images/2.jpg"></li>
        <li><img src="images/3.jpg"></li>
        <li><img src="images/4.jpg"></li>
        <li id="lasty"><img src="images/5.jpg"></li>

    </ul>
</div>

和我的JavaScript代码是：

        $(document).ready(
        function() {
            $('#slides').cycle({
                fx: 'scrollLeft',
                pager: 'ul.thumbs',
                pagerAnchorBuilder: function(index, el) {
                    return '';
                },

                before: function() {
                    if ($('#lasty .activeSlide').length > 0) {
                        $('.thumbs').animate({
                            scrollTop: $('.thumbs').scrollTop() + 100
                        }, 3000);
                    }
                }
            })
        }
    );

我正在搜索Google最近2天，无法找到任何解决方案。

我需要的是给li最后一个孩子制作动画，使其在获得class=activeSlide时以动画100px向上滚动。 因为我已经设置了高度，所以缩略图容器不会显示最后一张幻灯片，所以它是隐藏的。

我需要当最后一个li获得activeSlide它应该向上移动到可见区域，因为它被'overflow：hidden'属性隐藏了。

Answer 1

我认为您在这里使用了错误的选择器$('#lasty .activeSlide')

如果最后一个li将获得.activeSlide类，则选择器应为$('#lasty.activeSlide')

也可以使用.hasClass()来简化逻辑

if($('#lasty').hasClass('activeSlide'))

看看是否有帮助。