视频看迈瑞
校园招聘主题视频
$(document).ready(function() {
var $careerNav = $('.mr--career--nav');
var careerNavTop = $careerNav.offset().top;
var $careerItem = $('.mr--career--anchor');
var $careerNavItem = $('.mr--career--nav--item');
function anchor() {
$careerItem.each(function () {
var itemPos = $(this).offset().top - $(window).scrollTop()
var $navItem = $('[href = "#' + $(this).attr('id') + '"]')
if (window.innerHeight * 0.2 < itemPos && itemPos < window.innerHeight * 0.8) {
$careerNavItem.removeClass('active')
$navItem.addClass('active')
}
if ($navItem.hasClass('active') && itemPos > window.innerHeight) {
$navItem.removeClass('active').prev().addClass('active')
}
if (isMobPortrait) {
$navItemActive = $('.mr--career--nav--item.active')
$navItemActive = $navItemActive.length ? $navItemActive : $('.mr--career--nav--item').eq(0)
$('.mr--career--nav').scrollLeft($('.mr--career--nav').scrollLeft() + $navItemActive.offset().left + $navItemActive.width() * 1.4 - window.innerWidth)
}
})
}
$(window).on('scroll', function () {
if ($(window).scrollTop() > careerNavTop) {
setTimeout(function () {
$careerNav.removeClass('fixed_with_nav').addClass('fixed')
}, 2)
} else {
if ($(window).scrollTop() < careerNavTop - window.innerWidth * 70 / 1920) {
$careerNav.removeClass('fixed_with_nav fixed')
}
}
anchor();
})
});