文档章节

实现侧滑栏

mitu
 mitu
发布于 2016/12/05 15:06
字数 146
阅读 11
收藏 0

实现水平侧滑,需求需要写一个弹出框水平滑动显示和隐藏,本来用jquery的show()和hide()可惜没有动画效果,后来采用了tranform和transition实现,注意这里不要采用display:none,因为动画会和此属性冲突。

@media (max-width: 767px){
   /*查询条件变为滑动*/
    .responsiveTableForm{
        float:right;
        position: absolute;
        left:0px;
        right: 0px;
        width:100%;
        padding:20px 0;
        z-index: 5000;
        background-color: #FFFFFF;
        transform:translate(767px,0);
        transition:transform .3s ease-out;
    }
    .responsiveTableForm.active{
       transform:translate(0,0);
    }
}
/*遮罩层*/
.modal-cover{
    display: none;
    position: absolute;
    z-index: 3000;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
}

© 著作权归作者所有

共有 人打赏支持
mitu
粉丝 0
博文 9
码字总数 1961
作品 0
聊城
私信 提问
抽屉式侧滑栏navigationview可以添加底栏吗?

最近做了个项目是用navigationview实现侧滑栏的,刚开始没有注意,好像只有headerLayout和menu可以添加条目, 现在需要在侧滑栏添加一个底栏,类似于手机QQ侧滑栏的底部.有大神知道怎么实现吗?...

挽狂澜于既倒
2017/01/13
115
0
侧滑菜单(抽屉效果)DrawerLayout实现原理

DrawerLayout是android support包新增的侧滑菜单控件,在Android Studio中可以很方便的创建一个带有侧滑菜单的页面。今天,我们来分析DrawerLayout它的实现原理,来加深对它的了解。为了能让...

Ihesong
2017/10/15
0
0
微信小程序-商品列表左=>右联动(一)

先前看到网上不少大神写的demo,其菜单栏主要以 A,B,C,D等字母为主,即A,B,C,D等字母为对应该项携带的 id(id不能为汉字或纯数字)。而笔者现在写的项目菜单栏为汉字,所以需要改变数据格式,...

刘飞_
2017/09/22
0
0
程序猿媛七:slidingmenu侧滑栏导航

SlidingMenu侧滑栏导航 声明:博文为原创,文章内容为,效果展示,思路阐述,及代码片段。 转载请保留原文出处“http://my.oschina.net/gluoyer/blog/214399”,谢谢! 您可以到博客的“友情...

花佟林雨月
2014/03/30
0
0
仿天猫、淘宝的侧滑菜单栏

最近项目需求,需要写一个筛选功能的侧滑菜单栏。像京东、淘宝、天猫都有这种效果,尤其天猫的效果最好,于是就按照天猫的效果封装了一个侧滑菜单栏工具。 先看下天猫的点击右上角筛选,会有...

Jesse1949
01/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

最重要的是做什么,而不是怎么做。

最重要的是做什么,而不是怎么做。 做什么是战略,怎么做是战术。将军下令说,天黑前拿下这座山头,这是战略。手下的士兵可以不知道为什么要拿下这座山头,还非得是天黑之前,但士兵必须知道...

我是菜鸟我骄傲
今天
1
0
w, vmstat, top, sar, nload命令查看系统状态信息

w/uptime 查看系统负载 cat /proc/cpuinfo 查看cpu核数 vmstat 监控系统状态,用法 vmstat 1,关键的几列: r, b, swpd, si, so, bi, bo, us, wa top 查看进程使用资源情况 top -c 显示详细的...

野雪球
今天
2
0
小白创建一个spring boot项目

进入 https://start.spring.io/

lilugirl
今天
3
0
Alibaba Java诊断利器Arthas实践--使用redefine排查应用奇怪的日志来源

背景 随着应用越来越复杂,依赖越来越多,日志系统越来越混乱,有时会出现一些奇怪的日志,比如: [] [] [] No credential found 那么怎样排查这些奇怪的日志从哪里打印出来的呢?因为搞不清...

hengyunabc
今天
2
0
home hosts

home hosts lwk@qwfys:~$ cat /etc/hosts127.0.0.1 localhost127.0.1.1 qwfys192.168.56.101vm600.qwfys.com39.108.212.91alpha1.ppy.com39.108.117.122alpha2.p......

qwfys
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部