WeChat 애플릿에서 요소의 높이를 가져오는 방법
1의 높이를 가져옵니다. 요소(px 단위):
let query = wx.createSelectorQuery(); query.select('.content').boundingClientRect(rect=>{ let height = rect.height; console.log(height); }).exec();
2. 요소의 높이(rpx 단위)를 가져오고 가로세로 비율 변환을 사용하여 다음을 얻습니다. (다음 750은 요소의 너비입니다. rpx)
let query = wx.createSelectorQuery(); query.select('.content').boundingClientRect(rect=>{ let clientHeight = rect.height; let clientWidth = rect.width; let ratio = 750 / clientWidth; let height = clientHeight * ratio; console.log(height); }).exec();#🎜 🎜#3. 페이지 렌더링이 완료된 후 OnReady 콜백이 완료되면 요소의 높이를 얻을 때 타이머를 추가하지 않으면 얻은 요소의 높이가 그대로 유지됩니다. 비동기 데이터가 렌더링되기 전의 높이입니다. 따라서 타이머를 추가해야 합니다.
onReady () { setTimeout(() => { let query = wx.createSelectorQuery(); query.select('.content').boundingClientRect(rect=>{ let height = rect.height; console.log(height); }).exec(); }, 300) }PHP 중국어 웹사이트, 다수의 무료
소규모 프로그램 개발 튜토리얼, 학습을 환영합니다!
위 내용은 WeChat 애플릿에서 요소의 높이를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!