微信小程式把video固定在頁面頂端的奇怪問題(視訊移動，黑色底留下)
1.video fixed佈局會造成：視訊移動，黑色底留下 2.flex佈局，video固定高度，自適應部分用scroll-view, 程式碼如下： … .grid-box{ width: 100%; height: 100%; display: flex; flex-direction: column; } .grid-const{width: 750rpx;height: 422rpx;} .grid-var{flex: 1;} .content{height: 100%;} 以上程式碼可以滿足需求，但是下拉頁面，video還是會跟著移動 3.最終解決方案，禁止頁面Page滾動： 在json配置檔案中新增：“disableScroll”:true 經測試，頁面效果和騰訊視訊一致
相關推薦
微信小程式把video固定在頁面頂端的奇怪問題(視訊移動，黑色底留下)
1.video fixed佈局會造成：視訊移動，黑色底留下 2.flex佈局，video固定高度，自適應部分用scroll-view, 程式碼如下： … .grid-box{ width: 100%; height: 100%; display
微信小程式把頁面做成圖片分享【原創】
onLoad: function (options) { var that = this var userInfo, nickName, avatarUrl //獲取使用者資訊，頭像，暱稱之類的資料 wx.getUserInfo({ succ
微信小程式H5預覽頁面框架（二維碼不隱藏）
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X
微信小程式之快取——不同頁面傳遞資料
1. 新增快取 單個金鑰允許儲存的最大資料長度為1MB，所有資料儲存上限為10MB。 // 儲存資訊到storage // 非同步儲存 set() { wx.setStorage({ key: 'user', data: 'cck', succe
微信小程式--用video完成一個視訊彈幕的專案
1.視訊播放器 2.選擇彈幕顏色 3.彈幕來了... 第一: index.wxml <!--index.wxml--> <view class="section tc"> <video id="myVideo" style
【微信小程式】元件之頁面佈局
小程式的flex佈局 小程式建議使用flex佈局進行排版 flex就是一個盒裝彈性佈局 flex是一個容器，所有子元素都是它的成員。 定義佈局：display：flex flex 容器的屬性： 1、屬性flex-direction: 排列方向。有下面
微信小程式按鈕懸浮固定在底部
微信小程式按鈕懸浮固定在底部 其實這是一個很簡單的小程式的樣式，也就隨手記錄下來了。 <button class='Scancode' bindtap='getScancode'>繫結車輛</button> wxss: .Scanc
微信小程式（設定當前頁面標題顏色背景）
微信小程式（設定當前頁面標題顏色背景） 全域性的屬性在全域性app.json裡面設定，如果要設定單獨介面裡面的屬性，就在那個資料夾底下的XXX.json裡面設定就可以了。 { "navigationBarBackgroundColor": "#b3d4db", "navigation
微信小程式——返回上個頁面帶引數
當前頁面： var pages = getCurrentPages(); //當前頁面 var prevPage = pages[pages.length - 2]; //上一頁面 pr
微信小程式 返回上一頁面時實現上一頁面重新整理
假如從頁面B返回頁面A時實現頁面A重新整理 頁面B： var pages = getCurrentPages();//當前頁面棧 if (pages.length > 1) { var beforePage = pages[pages.length - 2];/
微信小程式把從網路上獲取的資料新增到全域性變數中
1 app.js 2 index.js 在獲取資料的函式中新增app.globalData = res.data 在寫app.globalData = res.data語句時必須在，page外必須引用const app = getApp() 可以在
微信小程式學習之路——頁面跳轉
前言 本以為微信小程式的頁面跳轉只是幾個簡單的api，一開始就沒太留意，在實際工作中發現，微信小程式的頁面跳轉也有很多地方應該注意，其中之一就是因為頁面跳轉而觸發的生命週期函式，這個點我認為是很重要的一個點，因此，本篇就把這兩個點放在一起記錄起來，方便日後翻閱
微信小程式簡單的登入頁面的跳轉
首先設定tapbar 在APP.js裡面設定相關資料 使用者的資訊； loginBtnClick:function(){ app.globalData.userInfo={usern
微信小程式內嵌H5頁面
<web-view>概況使用 <web-view> 標籤能在小程式中開啟外部網頁，但是要開啟的網頁的域名必須跟小程式的業務域名（業務域名可以在小程式的後臺管理介面新增）一致，否則在真機上是打不開的。如果開發工具上勾選了‘不校驗域名’，在開發的時候還是能
微信小程式把base64的圖片儲存到手機相簿
在這之前試過把base64的圖片轉移儲存到畫布然後儲存到手機，但是真機除錯的時候不支援這種方式，希望各位不要再去湯坑 下面是可行的方法： scene 是base64檔案，列印結果如下： 不說廢話，直接上程式碼：（結尾有程式碼說明） var aa = wx.ge
微信小程式例子——動態設定頁面標題
1、效果展示 2、關鍵程式碼 1）WXML檔案 標題1 標題2 標題3 還原 2）JS檔案 Page({ // 設定標題為：標題1 setBiaoTi1:function(){
微信小程式常識-->快捷建立頁面
一、操作步驟動態展示 二、操作步驟說明 新建一個預設（HelloWorld）或者空白專案，或者開啟自己的項；假設我們要在根目錄下建立一個頁面，取名為：main；開啟微信小程式配置檔案【app.js
微信小程式實戰篇-分類頁面製作
哈嘍，大家好，又到週五啦，今天程式碼君要教大家分類頁面的製作，廢話不多說，先上效果圖 這個介面佈局難度不是很大，css基礎好的，很快就實現了，分類介面，左邊是一級目錄，右邊是一級目錄對應的二級目錄，根據這個需求，我們資料設計的結構一定是陣列巢狀陣列，第一個
微信小程式教學第三章（含視訊）：小程式中級實戰教程：列表-靜態頁面製作
§ 列表 - 開發準備 開始前請把 ch3-1 分支中的 code/ 目錄匯入微信開發工具 這一章主要會教大家如何用小程式製作一個可以無限載入的列表。希望大家能通過這個例子掌握製作各種列表的原理。 無限列表載入的原理
微信小程式之禁止ios頁面下拉下滑滾動 出現空白的情況
轉載：https://blog.csdn.net/tanzui/article/details/79509540專案需要做了一個圖片拖動指定元件上刪除，和排序的功能android測試正常， ios會出現拖動圖片頁面也跟著下滑的尷尬情況。 查文件下拉重新整理配置預設是關閉的，後