微信小程序 movable-area 重疊,無法滑動問題


在使用微信小程序的滑塊時遇到一個問題,當滑塊區域太近時,會互相影響導致,可滑動區域無法滑動。如下:

 

 圖中,手的位置有一條線,緊接着是可移動塊兒區域。由於挨得太近(此時已經重疊),導致線的滑塊無法滑動。

此時,只需添加兩個樣式即可:

1 movable-view {
2    pointer-events: auto;
3 }
4 movable-area {
5   pointer-events: none;
6 }

添加樣式后就不會相互影響了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM