现在很火的是h5页面的开发,更多的视觉冲击,带来更多的关注度,更多的眼球,想要别人看你的东西,不在是以前的一段文字,或是一个图片的时代了,现在h5把一张张图片,一段段文字动起来,更有与客户的交互,而且强大的段子手写出的段子,让这个信息流的时代更加高速,更加具有冲击感。我刚接触h5设计,其实在设计与编 ...
分类:
Web程序 时间:
2018-07-05 19:50:15
阅读次数:
211
1 // 滚动到顶部固定 2 var navH = $(".fixedTop").offset().top; 3 $(".fixedTop").wrap(""); 4 $('.flowDev').scroll(function () { 5 var scroH = $('.flowDev').scr... ...
分类:
其他好文 时间:
2018-07-05 12:04:59
阅读次数:
145
//1、获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr("class","divClass")设置Id为two的class属性。 //2、追加样式 $("#two").addClass("divClass2")为ID为tw ...
分类:
Web程序 时间:
2018-07-05 11:01:05
阅读次数:
153
前言:在小程序的开发中,我们在view中便利data中数组或对象时,很多情况下需要在js中动态改变数组或者对象中某一香的属性值。 效果图: 我给大家总结了案例如下: wxml如下: <scroll-view class='hd-cont' scroll-x="true" style='width: ...
分类:
编程语言 时间:
2018-07-04 23:40:17
阅读次数:
234
源码:https://github.com/LY-u/vue_better-scroll 封装scroll.vue组件, 在组件内加载: import BScroll from 'better-scroll' 组件内容:参考:https://github.com/LY-u/vue_better-sc... ...
分类:
其他好文 时间:
2018-07-04 16:46:59
阅读次数:
214
首先安装better-scroll 1 goods页面模板 js 注册方法 better-scroll用法 我们先来看一下 better-scroll 常见的 html 结构: 当 content 的高度不超过父容器的高度,是不能滚动的,而它一旦超过了父容器的高度,我们就可以滚动内容区了,这就是 b ...
分类:
其他好文 时间:
2018-07-04 01:08:34
阅读次数:
266
该方法可能有bug,毕竟简单粗暴 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.0.js"></script ...
分类:
Web程序 时间:
2018-07-03 22:34:13
阅读次数:
193
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Marquee</title></head><body> <!-- bihavior =scroll一圈一圈绕着走, slide走一次, alternate来回走- ...
分类:
移动开发 时间:
2018-07-03 22:33:39
阅读次数:
216
最近使用vue学习开发移动端的项目,使用了bette-scroll插件做滚动。在引入better-scroll的组件中使用@click事件的时候,点击事件失效,v-on:click、v-bind:click、@click.native都不行,试了一下@touchstart是却是可以的,发现bette ...
分类:
其他好文 时间:
2018-07-03 14:34:00
阅读次数:
1479
组件介绍 1、视图容器组件(view) 视图容器组件是wxml界面布局的基础组件,它和html的div功能类似,用于界面布局。 view 容器组件相关属性: 案例代码: 2、可滚动的视图区域(scroll-view) 可滚动的视图区域允许视图区域内容横向滚动或纵向滚动,类似于浏览器的滚动条。 scr ...
分类:
微信 时间:
2018-07-03 11:38:46
阅读次数:
241