WeChat 애플릿에서 요소의 높이를 얻는 방법

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!