javascript - 关于jquery中on的用法，新发现不理解

问题描述

问 题

发现了jquery中on方法的新用法，不理解它是如何运行的，代码

(function($) {
 //侧栏随动
    var elments = {
        sidebar: $('.sidebar'),
        footer: $('#footer')
    }
    if( elments.sidebar ){
        var h1 = 20, h2 = 50
        var rollFirst = elments.sidebar.find('.widget:eq('+(Number(jui.roll[0])-1)+')')
        var sheight = rollFirst.height()
        rollFirst.on('affix-top.bs.affix', function(){
            rollFirst.css({top: 0}) 
            sheight = rollFirst.height()

            for (var i = 1; i < jui.roll.length; i++) {
                var item = Number(jui.roll[i])-1
                var current = elments.sidebar.find('.widget:eq('+item+')')
                current.removeClass('affix').css({top: 0})
            };
        })

        rollFirst.on('affix.bs.affix', function(){
            rollFirst.css({top: h1}) 

            for (var i = 1; i < jui.roll.length; i++) {
                var item = Number(jui.roll[i])-1
                var current = elments.sidebar.find('.widget:eq('+item+')')
                current.addClass('affix').css({top: sheight+h2})
                sheight += current.height() + 30
            };
        })

        rollFirst.affix({
            offset: {
                top: elments.sidebar.height(),
                bottom: (elments.footer.height()||0) + 10
            }
        })
    }

})(jQuery)

请看里面的

rollFirst.on('affix.bs.affix', function(){

这部分代码 affix.bs.affix到底是个什么鬼？

以上代码实现的功能如：https://laod.cn/black-technology
这里右侧的栏目，当向下滚动页面的时候 右侧栏目见底的时候，前三个元素会漂浮。
我的问题就是这个affix.bs.affix到底是什么意思？

解决方案

bootstrap的js插件，具体看这里

这篇关于javascript - 关于jquery中on的用法，新发现不理解的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！