纯CSS实现移动端滚动导航效果
在手机web app开发中会涉及到水平导航，代码如下： .nav_dh{box-sizing: border-box;width: 100%;overflow-y: auto; ...
原文：Angularjs 实现移动端在线测评效果
注：此文所用的angular版本为 . 一 运行效果图 二 需求 . 点击选项时，背景变为黄色 即选中状态 ，并且自动切换到下一题 . 切换到下一题时，顶部进度随之改变 . 选中时要把对应的分值记录下来 因为要根据分值算出最后的测评结果 . 通过向右滑动可以查看前面做过的题目 . 当前题目没选，无法切换到下一题 . 当选中最后一道题目时，切换到测评结果页 三 具体实现 题目json数据，总共 道题 ...
2017-04-05 14:17 1 1601 推荐指数：
相关推荐
css移动端:acitve效果的实现
做移动前端也有一些日子了，一直有个问题没有解决，就是与pc端那样的一个:hover的效果，:hover是鼠标指针浮动在其上的元素的一个选择器，但因为在移动端是没有鼠标的，代替的是触摸屏，用户也不是有“鼠标指针浮动在其上的元素”的情况，有也很少。 所以取代的应该:active这个选择器，但是通过实践 ...
移动端轮播滑动效果（swiper实现）
swiper 官网地址：https://www.swiper.com.cn/ Swiper在移动端的实际应用（演示） https://www.swiper.com.cn/demo/senior/index.html https://blog.csdn.net/weixin_42931825 ...
Html5实现移动端、PC端 刮刮卡效果
刚从南方回来就分了一个刮刮卡效果的页面，特么的我在烦恼怎么用H5去实现这个效果呢，好不容易写出来了，产品居然说：“既然你可以写出来这个效果那当然好了，开始我只是打算让你实现点击就出现呢！”… … 尼玛干嘛不早说呢？？？？？真是自找麻烦。既然写了就分享给大家吧，这个效果其实很早就有了，只是我们不常用 ...
angularJs实现排序效果
<body> <div ng-app="myApp" ng-controller="myCtrl"> <table border="1" cellspacing="0" ...
移动端效果之Swiper
写在前面 最近在做移动端方面运用到了饿了么的vue前端组件库，因为不想单纯用组件而使用它，故想深入了解一下实现原理。后续将会继续研究一下其他的组件实现原理，有兴趣的可以关注下。 代码在这里：戳我 or github 移动端效果之Picker 移动端效果之CellSwiper 移动端 ...
移动端效果之Picker
写在前面 接着前面的移动端效果的研究，这次来看看picker选择器的实现原理 移动端效果之Swiper 移动端效果之CellSwiper 移动端效果之IndexList 代码看这里：github 1. 核心解析 1.1 基本HTML结构 1.2 初始化DOM 由于饿 ...
移动端弹性效果
布局一： 定义页面整体高度为100%，然后使用 position:absolute 布局可解决 <body> <div class="wrap"> <div ...