$( ".fuwu_dh a" ).live( 'click' , function () { |
$( ".fuwu_dh a" ).removeClass( 'fuwu_xuanz' ); |
$(this).addClass( 'fuwu_xuanz' ); |
//判断ie 6 : |
var arVersion = navigator.appVersion.split( "MSIE" ); |
var version = parseFloat(arVersion[ 1 ]); |
if (version < 7.0 ) {} |
|
var fysm = $( ".fysm" ).offset(). top ; |
var lcsm = $( ".lcsm" ).offset(). top ; |
var fwbz = $( ".fwbz" ).offset(). top ; |
var faq = $( ".faq" ).offset(). top ; |
if ($(this). attr ( "id" ) == "fysm" ) { |
$( 'body,html' ).animate({ scrollTop: fysm }, 500 ); |
} |
if ($(this). attr ( "id" ) == "lcsm" ) { |
$( 'body,html' ).animate({ scrollTop: lcsm }, 500 ); |
} |
if ($(this). attr ( "id" ) == "fwbz" ) { |
$( 'body,html' ).animate({ scrollTop: fwbz }, 500 ); |
} |
if ($(this). attr ( "id" ) == "faq" ) { |
$( 'body,html' ).animate({ scrollTop: faq }, 500 ); |
} |
}) |
$(window). scroll (function () { |
var fysm = $( ".fysm" ).offset().top -85 ; |
var lcsm = $( ".lcsm" ).offset(). top - 85 ; |
var fwbz = $( ".fwbz" ).offset(). top - 85 ; |
var faq = $( ".faq" ).offset(). top - 85 ; |
var top 1 = $(document).scrollTop(); |
var top 2 = $( "help_cn_right .fuwu_dh" ).scrollTop(); |
$( ".fuwu_dh a" ).removeClass( 'fuwu_xuanz' ); |
if (top 1 > fysm && top 1 < lcsm) { |
$( ".help_cn_right .fuwu_dh" ).css( "top" , top 1 ).css( "position" , "absolute" ).css( "z-index" , "5" ); |
$( "#fysm" ).addClass( 'fuwu_xuanz' ); |
} else if (top 1 > lcsm && top 1 < fwbz) { |
$( ".help_cn_right .fuwu_dh" ).css( "top" , top 1 ).css( "position" , "absolute" ).css( "z-index" , "5" ); |
$( "#lcsm" ).addClass( 'fuwu_xuanz' ); |
} else if (top 1 > fwbz && top 1 < faq) { |
$( ".help_cn_right .fuwu_dh" ).css( "top" , top 1 ).css( "position" , "absolute" ).css( "z-index" , "5" ); |
$( "#fwbz" ).addClass( 'fuwu_xuanz' ); |
} else if (top 1 > faq) { |
$( ".help_cn_right .fuwu_dh" ).css( "top" , top 1 ).css( "position" , "absolute" ).css( "z-index" , "5" ); |
$( "#faq" ).addClass( 'fuwu_xuanz' ); |
}else { |
$( ".help_cn_right .fuwu_dh" ).css( "top" , top 2 ).css( "position" , "absolute" ).css( "z-index" , "5" ); |
$( "#fysm" ).addClass( 'fuwu_xuanz' ); |
$( ".help_r_bottom" ).addClass( "topmargin" ); |
} |
}); |
方法二:样式控制: |
position : fixed ; bottom : 0 ; left : 0 ; _position : absolute ; _top : expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); |