点击右侧导航栏，实现iframe嵌入子页面中div，滑动到最上面
生活随笔
收集整理的這篇文章主要介紹了
点击右侧导航栏，实现iframe嵌入子页面中div，滑动到最上面
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
// 點(diǎn)擊對(duì)應(yīng)的nav里的li標(biāo)簽,頁(yè)面就滾動(dòng)到哪里 $('.title-list > li').click(function(event) {$(this).addClass('active').siblings().removeClass('active'); //li標(biāo)簽里面有a標(biāo)簽,可以阻止到a標(biāo)簽的默認(rèn)行為 event.preventDefault(); //這里找到的是target #后面的內(nèi)容 var target = $(this).find('a').prop('hash'); //將頁(yè)面動(dòng)畫滾動(dòng)到指定位置 var scroll_top = $("#ueditor_0").contents().find("body").find(target).offset(); var s = scroll_top.top; $('html, body').animate({scrollTop: s}, 500); }); //頁(yè)面滾動(dòng)到哪,對(duì)應(yīng)的nav里的li就高亮 $(window).on('scroll',function(){ //獲取頁(yè)面滾動(dòng)高度 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'); }; }); });轉(zhuǎn)載于:https://my.oschina.net/u/2376927/blog/2991351
總結(jié)
以上是生活随笔為你收集整理的点击右侧导航栏，实现iframe嵌入子页面中div，滑动到最上面的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
