社区
HTML5
帖子详情
微信开发中,什么操作会导致整个微信浏览器不可上下滑动!求大神解答
freedomday
2014-07-07 10:43:34
如题!困扰很久了!监听事件????
...全文
522
1
打赏
收藏
微信开发中,什么操作会导致整个微信浏览器不可上下滑动!求大神解答
如题!困扰很久了!监听事件????
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
业余草
2014-07-08
打赏
举报
回复
jQuery Mobile Scrollstart scrollstart 事件在用户开始滚动页面时被触发: 实例 $(document).on("scrollstart",function(){ alert("开始滚动!"); });
Android实现
微信
首页左右
滑动
切换效果
大家看到
微信
首页切换效果有没有觉得很炫,
滑动
切换,点击底部bar瞬间切换,
滑动
切换渐变效果,线上效果图: 之前也在博客上看到别人的实现,再次基础上,我做了些优化。首先说下实现原理,
大神
略过,o(╯□╰)o 页面上看到的三个页面是三个Fragment, 左右
滑动
使用viewpager,相信大家也都是这么再用,那么底部用的是什么技术呢,底部渐变其实就是重写了ImageView,以及在左右
滑动
时,改变了TextView的颜色值,是不是很简单…下面我们一步一步的来: 1.自定义ImageView: /** * 初始化资源图片bitmap及相关绘制对象 * @param norma
Android高仿
微信
5.2.1主界面及消息提醒
好久没更新博客了,最近在做公司的项目,这也算是我接触的第一个正式项目。通过项目的检验,发现自己积累了一年的知识还是远远不够,想要提高,好的方法是 :项目+书+视频+博客。最重要一点:勤动手。最近发现了慕课网的视频,居然都是高清无码免费的!而且满满的干货!我用业余时间跟着视频
中
大神
的讲解学习了不少知识,下面就将这些小demo与大家分享,当然,我做了一些优化,代码与视频
中
有些出入,但功能可以完全实现。 这是一个模仿5.2.1版本的显示界面,如下图所示: 功能及实现思路简介 主要功能很简单: 1、上面有一个自定义的标题栏; 2、往下是聊天、发现、通讯录选项卡; 3、手指
滑动
时,文字下方蓝
ios-仿陌陌我的页面
滑动
效果.zip
这个是我在别人的demo基础上添加上了自己的东西,改的也挺多的也可以算是自己写的吧。可能有许多地方写的不好,用的到的朋友,我也很高兴。如有写的不对的欢迎
大神
们指点,欢迎大家下载。
微信
小程序实现左侧滑栏过程解析
前言 一直想给项目
中
的小程序设置侧滑栏,将退出按钮放到侧滑
中
,但是小程序没有提供相应的控件和API,因此只能自己手动实现,网上很多
大神
造的轮子很不错,本文就在是站在巨人的肩膀上实现。 hexo图片不显示问题,可前往简书 效果 先看看效果,我的侧滑栏需要列出如下信息: 初始状态下,左下角设置悬空按钮 点击悬空按钮,侧边栏拉出,悬空按钮旋转180度 主页内容向右
滑动
一定比例,并设置阴影遮罩 实现 首先将xml文件分为三部分,一部分是主页内容,一部分是侧滑栏内容,一部分是悬浮按钮。 <!--index.wxml--> <!-- 侧边
滑动
菜单 --> <view
TanTan-初试小程序之仿探探.zip
无论你是一个程序猿还是一个程序媛,每天干的事除了coding还是coding,代码不能解决的问题(什么问题自己心里还没点abcd数嘛),探探能帮你解决。最近网上特流行一款交友软件叫探探(据说是yp软件)。作为探探曾经的一名从来只浏览图片但是没有yue过的资深玩家同时又是一位热爱前端的妹子,我决定要仿一下这个app。既然是寄几开发,那还不是寄几说了算,毫无疑问整款APP的主题风格被我改成我最爱的终极少女粉了hhh,下面让我们一起来感受下探探的魅力吧~项目整体效果项目部分功能点解析主页图片左滑右滑对应按钮变化首先我们来聊一下最让我头痛的地方,就是主页面的左右
滑动
事件并且对应按钮
会
相应变化,即我左滑一下图片下面的灰色按钮
会
有相应的动画效果,右滑则对应着图片下面的红色按钮。对于一个刚入小程序坑的妹子来说,没有
大神
指点不知道要在这里面的逻辑坑还要绕多久才能绕出来。得一高人指点,我才完美滴实现了这个功能。这里写了三个大的盒子放着图片和文字信息,再将他们放到swiper-item里面,用swiper组件实现
整个
盒子的左右
滑动
K ♂21 金牛座 文化/教育 哦盒子下面不是按钮,我是放了两张图片。 先给他们写个
滑动
的时候触发的动画效果.active { animation: active 1s ease;//定义一个叫做active的动画} @keyframes active {//补充active动作脚本 0% { transform: scale(0.8); } 50% { transform: scale(1.2); } 100% { transform: scale(1.0); } }在page的data里面定义三个变量,将left,right变量绑定到对应图片
中
data: { left: false , right: false, activeIndex: 0 },在swiper绑定事件
中
具体判断左右
滑动
事件changeswiper: function(e) { var index = e.detail.current;//当前所在页面的 index if(index > this.data.activeIndex) {//左滑事件判断 this.setData({ left: true//若为左滑,left值为true,触发图片动画效果 }) } else if(index {//每
滑动
一次,数据发生变化 this.setData({ activeIndex: index, left:false, right:false }) }, 1000); },从本地上传图片这个呀查一查小程序开发文档就好了,先在要上传图片的地方的src绑定个数据变量放入图片默认地址,就是上传图片之前的添加图片data: { imgUrl: '../../images/addImg.png' },通过绑定tap事件将上传的图片地址替换进去uploadImg: function(e) { var that = this; wx.chooseImage({ count: 1, //上传图片数量 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) {// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 var tempFilePaths = res.tempFilePaths; that.setData({ imgUrl: tempFilePaths }) wx.showToast({//显示上传成功 title: '上传成功', icon: 'success', duration: 2000 }) } }),配对成功列表据通过easy-mock获取后台数据block wx:for渲染一个包含多节点的结构块 {{item.nickname}} {{item.message}} 获取后台数据wx.request({ url: 'https://www.easy-mock.com/mock/5a23dbf382614c0dc1bebf04/getFriendsList/getFriendsList', success: (res) => { // console.log(response); this.setData({ friendsList: res.data.data.friendsList }) } })其它差不多就是切页面了,个人原因用不太习惯weui的官方样式,每个页面都是我自己呕心沥血码出来的,所以大家不喜轻点喷哈,还在努力学习当
中
~~~项目开发用到的一些工具
微信
开发
者工具、VScode、GithubIconfont阿里巴巴矢量图标库:各种图片logo应有尽有,前端开发必备esay-mock:模拟数据请
求
,实现无后端编程W3Cschool
微信
小程序开发教程手册文档:开发小程序要多看看哦小结emmmm目前项目功能还是很简单呀,还有很多功能后面慢慢实现吧~比如利用将上传的图片放到storage
中
,页面刷新之后图片依然在,slider
滑动
到某一处在页面上保存当前值,模拟配对成功后弹出提醒页面等等......也希望遇到热爱学习的小伙伴一起交流学习,一起在前端坑里越陷越深hhh项目地址:https://github.com/beautifulg...
求
鼓励~
求
star呀~我的邮箱:804316947@qq.com 这里可以找到我哦作者:略略略
HTML5
39,084
社区成员
5,548
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章