WeChat アプレットで要素の高さを取得する方法

WeChat アプレットで要素の高さを取得する方法

1. 要素の高さを取得します (ピクセル単位):

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 コールバック、get 要素の高さを設定する場合、タイマーが追加されていない場合、取得される要素の高さは非同期データがレンダリングされる前の高さのままです。したがって、タイマーを追加する必要があります

onReady () {
    setTimeout(() => {
    let query = wx.createSelectorQuery();
    query.select('.content').boundingClientRect(rect=>{
        let height = rect.height;
        console.log(height);
        }).exec();
    }, 300)
}

PHP 中国語の Web サイトには、多数の無料の小規模なプログラム開発チュートリアルがあり、学習へようこそ!

以上がWeChat アプレットで要素の高さを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。