>  기사  >  위챗 애플릿  >  WeChat 애플릿에서 요소의 높이를 얻는 방법

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

angryTom
angryTom원래의
2020-03-24 15:06:4214059검색

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.