$(function () { function tool() {} tool.prototype.downdecail = { downdecailHeads: function () { $('.fixed-bdgodown').on('click', function (event) { $(window).scrollTop(0); event.preventDefault() }); }, scoll: function (obj) { var iscoll = 0; var iwHeight = $(window).height(); var ifHeight = $('.p-foot')[0] ? $('.p-foot').offset().top : 3000; $(window).on('scroll', function () { iscoll = $(window).scrollTop(); if (iscoll > 500 && iscoll <= ifHeight - iwHeight) { $(obj).addClass('show'); } else { $(obj).removeClass('show'); } }); $(obj).on('click', function () { $(window).scrollTop(0); $(obj).removeClass('show'); }); }, scroll: function () { // var autotabTop = $('.detail_tag').offset().top + 400; // var iheadTop = $('.bnt2').offset().top; $(window).on('scroll', function () { var itop = $(this).scrollTop(); // if (itop >= iheadTop) { // $('.g-bottom-banner').removeClass('none'); // $('.bnt2').addClass('fixed'); // $('.p-foot').addClass('mb-80'); // } else { // $('.g-bottom-banner').addClass('none'); // $('.bnt2').removeClass('fixed'); // $('.p-foot').removeClass('mb-80'); // } // if (itop > $('.m-hot-hj').height() + $('.m-hot-hj').offset().top) { // if (itop > autotabTop) { // $('#autotab').removeClass('show'); // $('.srolltool').addClass('show'); // } else { // $('#autotab').addClass('show'); // $('.srolltool').removeClass('show'); // } // } else { // $('#autotab').removeClass('show'); // } //1.拖动滚轮,对应的楼梯样式进行匹配 $('.xgItem').each(function (index, ele) { var $loutitop = $(this).offset().top + $(this).outerHeight() - 50; if ($loutitop > itop) { //楼层的top大于滚动条的距离 $('#autotab div').removeClass('z-cur'); $('#autotab div.' + $(ele).attr('id')).addClass('z-cur'); $('.detail_tag .item').removeClass('z-cur'); $('.detail_tag .item.' + $(ele).attr('id')).addClass('z-cur'); return false; //中断循环 } }); }); $('#sNavTop').on('click', function () { $(window).scrollTop(0); }); }, dWeekHot: function () { $('.week-rank-list .u-tab').hover(function () { $(this).addClass('z-cur').siblings('.u-tab').removeClass('z-cur'); $('.week-rank-list .m-rank-list').removeClass('show').addClass('hide'); $('#' + $(this).attr('dataName')) .removeClass('hide') .addClass('show'); }); }, init: function () { this.scoll('.srolltool'); this.scroll(); this.downdecailHeads(); this.dWeekHot(); } }; var atool = new tool(); atool.downdecail.init(); //2.获取每个楼梯的offset().top,点击楼梯让对应的内容模块移动到对应的位置 offset().left var $loutili = $('#autotab div').not('#sNavTop'); $loutili.on('click', function () { $(this).addClass('z-cur').siblings('div').removeClass('z-cur'); $('#' + $(this).attr('datasName')) .addClass('z-cur') .siblings('div') .removeClass('z-cur'); var $loutitop = $('#' + $(this).attr('dataName')).offset().top - 50; if ($(this).attr('dataName') == 'down') { $loutitop = $('#' + $(this).attr('dataName')).offset().top - window.innerHeight + 290; } //获取每个楼梯的offsetTop值 $('html,body').animate( { //$('html,body')兼容问题body属于chrome scrollTop: $loutitop }, 0 ); }); clickCount = 0; $('.detail_tag .item').on('click', function () { $('.detail_tag .item').removeClass('z-cur'); $(this).addClass('z-cur'); $('#' + $(this).attr('datasName')) .addClass('z-cur') .siblings('.item') .removeClass('z-cur'); var $tabtop = $('#' + $(this).attr('dataName')).offset().top - 50; if ($(this).attr('dataName') == 'down') { $tabtop = $('#' + $(this).attr('dataName')).offset().top - window.innerHeight + 230; } $('html,body').animate( { //$('html,body')兼容问题body属于chrome scrollTop: $tabtop }, 0 ); if ($(this).text() == '下载地址') { clickCount++; if (clickCount == 2) { $('html,body').animate( { //$('html,body')兼容问题body属于chrome scrollTop: $tabtop }, 0 ); } } }); });