?博主介紹：本人專注于Android/java/數據庫/微信小程序技術領域的開發(fā)，以及有好幾年的計算機畢業(yè)設計方面的實戰(zhàn)開發(fā)經驗和技術積累；尤其是在安卓（Android）的app的開發(fā)和微信小程序的開發(fā)，很是熟悉和了解；本人也是多年的Android開發(fā)人員；希望我發(fā)布的此篇文件可以幫助到您；
??希望此文章可以幫助到您??
目錄
微信小程序文章推薦
效果顯示
一、前端界面
二、下部分設置
三、留個腳印吧
微信小程序文章推薦
微信小程序布局圖片上面顯示文字
微信小程序實現左邊圖片右邊文字效果
微信小程序獲取當前日期和時間
??微信小程序繪制地圖軌跡線路
微信小程序繪制marker
微信小程序之繪制多個marker以及調用手機地圖軟件導航
效果顯示
?說明：也就是頁面在滑動的時候，頂部的搜索框布局是估計的；他不會隨著下面部分的滾動也進行移動；
一、前端界面
<view?>
??<view?style="position:?fixed;width:?100%;top:?0px;">
????<view?>
????<input?type="text"?class="inputInfor"?placeholder="輸入車牌號碼信息查詢"???placeholder-class="center"/>
????</view>
</view>
</view>說明：主要就是設置布局的css樣式；
position:?fixed;width:?100%;top:?0px;
設置此代碼之后就可以不在滾動；但是他會遮擋下面的布局；所以對于下面的布局；還需設置一個margin-top:?170rpx;這個值可以根據自己的需求進行設置就可以了
二、下部分設置
<view?class="listinforyihuan"?style="margin-top:?170rpx;">
??<view?wx:for="{{companyData}}"?wx:key="{{index}}"?data-index="{{index}}"?bindtap="lookCompany">
????<view?class="tipInforyinhuan">
??????<view?class="startinfor">
????????<view?class="tuijianName">{{item.vno}}</view>
????????<view?class="listZoomyh">
??????????<view?class="zoomnryh">
????????????<view>發(fā)動機號：</view>
????????????<view?class="inforzoomyh">{{item.engineNumber}}</view>
??????????</view>
??????????<view?class="zoomnryh">
????????????<view>車輛顏色：</view>
????????????<view?class="inforzoomyh">黃色</view>
??????????</view>
????????</view>
??????</view>
????</view>
??</view>
</view>
? ? ? ? ? ? ? ? ? ? ?
三、留個腳印吧
大家要是感覺此篇文章有意義；那就給個關注、點贊，收藏吧；文章來源：http://www.zghlxwxcb.cn/news/detail-753625.html
??也可以關注文檔末尾公眾號??文章來源地址http://www.zghlxwxcb.cn/news/detail-753625.html
到了這里，關于微信小程序實現布局頂端固定也就是不隨滾動而滾動的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
