微信小程序頁面滾動到指定位置代碼實例
更新時間：2019年09月07日 10:46:26 作者：muamaker
這篇文章主要介紹了微信小程序頁面滾動到指定位置代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
這篇文章主要介紹了微信小程序頁面滾動到指定位置代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
頁面上有一個元素或者組件，id 為 comment
則：
var me = this;
var query = wx.createSelectorQuery().in(me);
query.selectViewport().scrollOffset()
query.select("#comment").boundingClientRect();
query.exec(function (res) {
console.log(res);
var miss = res[0].scrollTop + res[1].top - 10;
wx.pageScrollTo({
scrollTop: miss,
duration: 300
});
});
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript, select標(biāo)簽元素左右移動功能實現(xiàn)
這篇文章主要介紹了JavaScript, select標(biāo)簽元素左右移動功能實現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05
jQuery實現(xiàn)為控件添加水印文字效果(附源碼)
這篇文章主要介紹了jQuery實現(xiàn)為控件添加水印文字效果的方法,涉及jQuery插件jquery.tinywatermark.js的使用技巧,并提供了源碼供讀者下載參考,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了javascript閉包，閉包（closure）是Javascript語言的一個難點，也是它的特色，很多高級應(yīng)用都要依靠閉包實現(xiàn)，感興趣的小伙伴們可以參考一下2016-01-01
TypeScript由微軟開發(fā)的自由和開源的編程語言，是一種給 JavaScript 添加特性的語言擴展，接下來通過本文給大家介紹TypeScript 中如何限制對象鍵名的取值范圍，感興趣的朋友跟隨小編一起看看吧2021-05-05
這篇文章給大家整理了動態(tài)JavaScript所造成的一些大家可能不知道的危害，文章介紹的很詳細(xì)，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-09-09
這篇文章主要為大家詳細(xì)介紹了用javascript實現(xiàn)簡單計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
JavaScript函數(shù)中關(guān)于valueOf和toString的理解
本文給大家介紹JavaScript函數(shù)中關(guān)于valueOf和toString的理解，簡單的說就是需要轉(zhuǎn)換為字符串時，會調(diào)用toString，需要轉(zhuǎn)換為數(shù)字時需要調(diào)用valueOf。對js valueof tostring知識感興趣的朋友一起學(xué)習(xí)吧2016-06-06
本文給大家介紹基于JS+Canvas 實現(xiàn)下雨下雪效果，效果非常逼真，適應(yīng)于各大網(wǎng)站，需要的朋友可以參考下2016-05-05
下面小編就為大家?guī)硪黄猨s 判斷各種數(shù)據(jù)類型的簡單方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
javascript動態(tài)的改變IFrame的高度實現(xiàn)自動伸展
動態(tài)的改變IFrame的高度，實現(xiàn)IFrame自動伸展，父頁面也自動神縮，實現(xiàn)原理很簡單就是在IFrame子頁面一加載的時候，調(diào)用父IFrame對象，改變其高度，感興趣的朋友可以了解下2013-10-10