開發(fā)者文檔:
https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/component/overview
快捷搬磚:
1. 獲取頁面路由: getCurrentPages
// 獲取當(dāng)前頁面路由:
const curIndex = getCurrentPages().length - 1
const curRoute = getCurrentPages()[curIndex].route
2. 判斷dom滾動(dòng)到可視區(qū)域:tt.createIntersectionObserver
onReady() {
setTimeout(()=>{
const intersectionObserver = this.createIntersectionObserver(this, {
thresholds: [0],
initialRatio: 0,
observeAll: false,
});
// 針對(duì)當(dāng)前頁面中的id="content"的dom
intersectionObserver.relativeToViewport().observe("#content", (res) => {
const {
intersectionRatio,
intersectionRect,
boundingClientRect,
relativeRect} = res;
if (intersectionRatio > 0) {
console.log('id=content 的盒子進(jìn)入視線')
}else if(intersectionRatio === 0){
console.log('id=content 的盒子離開視線')
}
});
}, 1000)
},
注意:延遲執(zhí)行在某些場(chǎng)景下是必要的