點擊右側導航欄,實現iframe嵌入子頁面中div,滑動到最上面

// 點擊對應的nav裏的li標籤,頁面就滾動到哪裏
$('.title-list > li').click(function(event) {
    $(this).addClass('active').siblings().removeClass('active');
    //li標籤裏面有a標籤,能夠阻止到a標籤的默認行爲
    event.preventDefault(); //這裏找到的是target #後面的內容
    var target = $(this).find('a').prop('hash'); //將頁面動畫滾動到指定位置
    var scroll_top = $("#ueditor_0").contents().find("body").find(target).offset();
    var s = scroll_top.top;
    $('html, body').animate({
        scrollTop: s
    }, 500);
}); //頁面滾動到哪,對應的nav裏的li就高亮

$(window).on('scroll',function(){ //獲取頁面滾動高度
    var pageScrollTop = $('html,body').scrollTop();
    $('.title-list > li ').each(function(index,ele){
        if(index == $('.title-list > li ').length - 1)  { return; }
        var target = $(this).find('a').prop('hash');
     if($(target).offset().top - pageScrollTop < 0) {
        $(this).parent('li').siblings().removeClass('active');
        $(this).parent('li').addClass('active'); };
    });
});
相關文章
相關標籤/搜索