/*! * hscroll.js * author: mr. huang * */; (function() { function hscroll(options) { var self = this; //$.extend(defaults, options); self = object.assign(self, { nav1: '', //导航栏 nav2: '', //需要监听的内容 check: '' }, options); self.init(); } hscroll.prototype = { init: function() { var self = this, arr = [], kdiv = $(self.nav2); for(var i = 0; i < kdiv.length; i++) { arr.push($(kdiv[i]).offset().top); } self.sctopfun(arr); $(window).scroll(function(e) { self.sctopfun(arr); }); $(self.nav1).click(function(e) { $('body,html').animate({ scrolltop: arr[$(this).index()] + 'px' }); }); }, sctopfun: function(arr) { var self = this; var scrolltop = document.body.scrolltop || document.documentelement.scrolltop || window.pageyoffset; var keys = 0, flag = true; for(var i = 0; i < arr.length; i++) { keys++; if(flag) { if(scrolltop >= arr[arr.length - keys] - 100) { $(self.nav1).eq(arr.length - keys).addclass(self.checkclass).siblings().removeclass(self.checkclass); flag = false; } else { flag = true; } } } } }; window.hscroll = hscroll; }());