因?yàn)楣緲I(yè)務(wù)需求，一個(gè)項(xiàng)目需要在多平臺(tái)展示，公司前端用的是vue框架，本著代碼復(fù)用的想法，所以選擇了小程序的mpvue框架，可是mpvue的坑，多如牛毛，今天就來記錄下遇到的小坑之一，以及簡(jiǎn)單的敘述下解決方案。

不僅是在h5頁(yè)面還是在小程序中，只要頁(yè)面頂部或者底部有fixed的元素，那么頁(yè)面在滾動(dòng)的時(shí)候，都會(huì)出現(xiàn)回彈或者閃動(dòng)的情況，使用微信小程序官方的api，wx.pageScrollTo來滾動(dòng)頁(yè)面，就會(huì)導(dǎo)致fixed的元素都會(huì)出現(xiàn)閃動(dòng)的情況，查閱了網(wǎng)上的一些資料，建議用scroll-view來代替，但是在vue文件中直接使用scroll-view組件，他的scroll-top是失效的。這就很頭疼了。后來選了一種另外的方式，組件引入的方式。

pages目錄下某頁(yè)面json文件中配置組件引入

static目錄下chatroom組件的文件目錄

用組件引入的方式，可以在wxml中使用scroll-view組件，并且scroll-top屬性有效

注意：mpvue中組件引入的方式，必須把組件目錄放在static目錄下面，不可以放在別的目錄下，在run build之后，只有static文件夾是不會(huì)被編譯的。用scroll-view的scroll滾動(dòng)，就不會(huì)影響整個(gè)頁(yè)面的scrolltop，從而發(fā)生fixed元素閃動(dòng)的問題。