jQuery练习1

最新推荐文章于 2019-11-20 20:59:21 发布

易腾一涵

最新推荐文章于 2019-11-20 20:59:21 发布

阅读量611

点赞数 2

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/qq_44718980/article/details/90045652

jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了使用jQuery实现弹幕效果及窗口滚动事件的方法，包括如何在滚动到特定位置时调整侧边栏位置，以及如何通过点击标签返回页面顶部。同时介绍了如何获取同一父元素下或不同父元素下相同标签的索引。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

弹幕 dàn mù

一、窗口滚动事件：

当窗口到特定位置时进行指定操作

$(window).scroll(function (){
            if ($(window).scrollTop()>50) {
                $('.sidebar').css('top','0px');
                
            }
            else if($(window).scrollTop()<50) {
                $('.sidebar').css('top','50px')
            }
        });

点击标签返回顶部

$(".fanhui").click(function(){
            $('html,body').animate({scrollTop:0});
        });

二、获取索引

同一父元素下不同标签的索引
    $("sp").click(function(){
        alert($(this).index());
    });
    
不同父元素下相同标签的索引
    $("sp").click(function(){
        alert($(“sp”).index(this));
    });