when the navigation part pointed by the red arrow scrolls to the top, it is fixed at the top, and when the scrolling event is simulated on the phone with onpagescroll implementation and scroll binding, it will not be executed until the sliding is complete! Do you have any good solutions?
set the qualification when the menu bar is less than the current height of the menu bar, the menu bar displays normally. When it is greater than or equal to this height, add class:fixed to change the position:fixed, of the menu bar and then adjust the position of the item
<view class="ccc {{menuFixed ? 'fixed': ''}}" id="affix"></view>.fixed {
position:fixed;
top:0;
left:0;
}
onPageScroll: function(ev) {
var that = this;
var a = ev.scrollTop; //
if ( a < 400) {
that.setData({
menuFixed: false,
})
}
if (a >= 400) {
that.setData({
menuFixed: true,
})
}
//scrollTop
setTimeout(function() {
that.setData({
scrollTop: ev.scrollTop
})
}, 0)
}, you don't have a nested vertical < scroll-view > outside. Use wx.createSelectorQuery to get the distance from the top of the navigation section. When the distance is less than 0, it shows the navigation fixed at the top, and > 0 hides it. Put it in onPageScroll
because onPageScroll won't trigger in real time.
you can put the content in scroll-view < /
recently, we are going to do a leave function. Student A submitted an application for leave, which was then reviewed by teacher B, but later I found that I needed a reminder function on Wechat s message end. It seems that Wechat can only use template me...
do you want to know whether Mini Program and Mini Program, whose users enter from a specific channel, have such a function or method ...
the text matched by the search box above an article is highlighted to realize the idea. ...
The component of navigator has a limit on the number of jumps. I now have a project tabbar to write by myself, so it is inevitable to add navigator jump to it, but if there are too many pages to jump, there will be a jump limit. ...
for example, the details page, after sharing, other people open, can only see this page, I did not find a useful way to set API back to a route. You have to write it on the page? ...
RT how does Mini Program realize the friend-to-friend mode? the back end is php. looking for onlookers to fight. How are these two modes realized? What is the principle? ask the hero for advice. This is the first time to do this ....
Custom component life cycle res.height sometimes reports to null ready: function () { var that = this var query = wx.createSelectorQuery().in(this) query.select( .question ).boundingClientRect(function (res) { that.setData({ questionHeight: re...
for example, if you are editing on another page, you may just change the css style, be refreshed and jump to the front page, and then have to reopen the edit page. It is troublesome to get used to using Wechat developer tools on ctrl+s,. Is my configurat...
...
The problem with is that the return has neither error nor data, and the document says it will return binary and convert it to a picture. But now there is nothing. I don t know what went wrong. Ask for help contorller function getIssueQrcodeAction() ...
WeChat Mini Programs shopping cart requests shopping cart data in the app.js, and this.carts = app.globalData.carts in the onLoad on the shopping cart page (cart.wxml). on the shopping cart page, there are often operations to select, delete, and modif...
this is the data of setData , how can I render normally? ...
I just got in touch with Mini Program developer and recently encountered this problem when I wrote the demo, of a music player. After I returned to the list page from the playback page (or to the home page), I entered the playback page from the entrance...
WeChat Mini Programs s picture is saved to the photo album, api wx.saveImageToPhotosAlbum, which runs normally on the simulator and can be saved, but the error { "errMsg ": "saveImageToPhotosAlbum:fail file not exists "} is displayed in the real machi...
300 yuan was paid during the audit, and now it is about to expire. I don t know if I want to renew it. There is no text message or email notification, I am afraid that I will not be able to go on it one day. ...
I want to implement Mini Program s pull-up and load , but after using scroll-view, one line becomes one. Whether to set this or need to css, for a great solution ...
when wx.previewImage implements previewing pictures, long press can bring up options menu. If you want to add a text prompt to the user, you can bring up this menu by long pressing. How to realize ?...
how to get the parameters of Aladdin s QR code sharing in Mini Program app.js, be sure to get before login operation....
do I want to send openid+ data to the server and write to the database? ...
I built a new Mini Program on my work computer and uploaded it to Tencent Cloud. When I got home, I wanted to download the client and server folders and continue to write. How can I download it? Thank you! ...