網(wǎng)站文章不顯示,旅行志 wordpress,龍崗?fù)赓Q(mào)網(wǎng)站建設(shè)公司,做任務(wù)的設(shè)計(jì)網(wǎng)站前言 來記錄一段經(jīng)常會忘記的但很好用的代碼#xff0c;主要是為了以后好找。 Web平滑滾動(dòng)代碼 // 平滑滾動(dòng)public scrollTo(id: string) {const el document.getElementById(id);if (el) {el.scrollIntoView({behavior: smooth,block: center});}}behavior: 定義滾動(dòng)動(dòng)畫主要是為了以后好找。Web平滑滾動(dòng)代碼// 平滑滾動(dòng)publicscrollTo(id:string){consteldocument.getElementById(id);if(el){el.scrollIntoView({behavior:smooth,block:center});}}behavior: 定義滾動(dòng)動(dòng)畫可以是auto、“smooth或instant”。block: 定義垂直對齊方式可以是start、“center”、“end或nearest”。inline: 定義水平對齊方式也可以是start、“center”、“end或nearest”。Web監(jiān)聽頁面滾動(dòng)選中左側(cè)導(dǎo)航欄letthatthis;// 創(chuàng)建Observer實(shí)例constobservernewIntersectionObserver(entries{entries.forEach(entry{if(entry.isIntersecting){// 監(jiān)聽到元素進(jìn)入視口letidxNumber(entry.target.id.replace(serviceItems,));if(that.clickIndex0){that.activeKeyidx;}elseif(that.clickIndexidx){that.clickIndex-1;}}});},{threshold:[0.2]}// 20% 可見時(shí)觸發(fā));this.$nextTick((){// 開始觀察元素this.listData.forEach((item,index){leteldocument.querySelector(#serviceItems${index});observer.observe(el);});});uni-app頁面滾動(dòng)uni.pageScrollTo({selector:#target-element,duration:300});參數(shù)名類型必填說明scrollTopNumber否滾動(dòng)到頁面的目標(biāo)位置單位pxselectorString否元素選擇器用于指定要滾動(dòng)到的元素位置App、H5、抖音小程序2.62.0、微信小程序2.7.3 、支付寶小程序1.20.0支持durationNumber否滾動(dòng)動(dòng)畫的時(shí)長默認(rèn)300單位 mssuccessfunction否接口調(diào)用成功的回調(diào)函數(shù)failfunction否接口調(diào)用失敗的回調(diào)函數(shù)completefunction否接口調(diào)用結(jié)束的回調(diào)函數(shù)調(diào)用成功、失敗都會執(zhí)行結(jié)語關(guān)注我不迷路。不定時(shí)分享前端相關(guān)問題以及解決方案。希望能幫助每個(gè)在開發(fā)類似功能的小伙伴。