微信小程序固定头部不动

微信小程序固定头部不动的步骤如下：

1、在小程序自带的方法onPageScroll中可以得到滑动距离顶部的距离，在data公共数据中定义scrollTop。

2、得到滑动距离后，当页面滑动超出需要固定元素距离顶部的距离后使用css样式控制其定位，因此为要在scroll-view中定义class="title{{scrollTop>30'topnav'：''}}"30就是我需要定义的模块距离顶部的距离，当超过这个距离就会执行css的topnav样式。

3、否则就执行愿有的css样式。

微信小程序直播消息滑动，1.打开微信，点击发现，找到小程序点击，进入小程序以后，在搜索框内输入手持d幕。

2.进入小程序之后可以看到字幕的样式，选择中间滚动的字幕样式

3.对边点击一处找到输入框，在输入框内输入你想显示的内容，点击右边的选项可以调节字幕内容的大小、颜色以及滚动速度等，然后保存到手机中就可以了。

在每次接收内容的时候设置scroll-view的scroll-top属性值即可。

如：

wxml中：绑定scroll-top的值为top

<scroll-view scroll-y='true' scroll-top="{{top}}"><scroll-view>

js中：事件触发后设置其值即可

Page({

data:{

top: 0

},

yourEvent: function(){

var len = yourData.length

this.setData({

top: 1000 * len

})

}

})

---