原理：拿当前的scrollTop和之前的scrollTop对比 如果变大了，表示向下滚动（scrollTop值变大）； 如果变小了，表示向上滚动（scrollTop值变小）。 1. $(document).ready...
筛选：
分类「程序开发」 ✕ 清除
鼠标向上、向下滚动时执行事件
js点击复制文字或链接方法
js点击复制一段文字或者链接： 1. $('#btn').click(function(e){ 2. let url = e.currentTarget.dataset.url; 3. $("body").after("<textarea cols='1' rows='1' id='co...
密码框的明密文(显示和隐藏) 显示
做密码输入框经常使用点击显示密码功能， ``` <input id="password" class="layui-input" autocomplete="off" maxlength="15" name="password" required="" type="passw...
paging.js插件翻页
在需要添加分页的地方添加以下html代码： 1. <div id="page"></div> js代码： 1. $("#page").paging({ 2. pageNo: that.page, // 传入初始 3. totalPage: that.totalPag...
小程序上传图片及预览图片
wxml代码： 1. <!-- 图片 --> 2. <view class='upImgTips' wx:if="{{previewImage != ''}}">点击预览图片，长按删除图片</view> 3. <view class='img'> 4. <view class=...
小程序按住录音和录音预览播放
wxml代码: 1. <!-- 录音 --> 2. <view> 3. <!-- 预览 --> 4. <view wx:if="{{voice}}"> 5. <view class='yy_box'> 6. <view class='yy_box_bg' bindtap='play'> 7. <vie...
小程序滚动到底部
小程序在实时聊天界面每发送一条自动滚动到网页底部； 实现代码： 1. // 获取im的id节点然后屏幕焦点调转到这个节点 2. bottom: function () { 3. var query = wx.creat...
小程序实时通信
小程序的聊天功能需要实时通信； 1. wx.connectSocket({ 2. url: 'wss://60.205.228.30:2346', 3. }) 4. wx.onSocketOpen(function (res) { 5. console.log('WebSocket...
小程序input密码显示隐藏
小程序中input的密码类型不是用type属性控制的，而且有独立的password属性来控制，当password为true时为密码输入类型，false为普通text类型，而直接控制password属性的...
小程序下拉选项动画效果
下拉选项模态框，点击时有慢慢下来、收回动画： **wxml:** 1. <view class='flex_aic nav'> 2. <view class='nav_li'> 3. <view bindtap='open_box' data-type='0' clas...
