如上图，优惠券我用的是固定定位 position：fixed，bottom：0。
无论页面怎样滚动它始终显示在下方。
但是，优惠券一旦多起来，比如说有11个优惠券，那么这11个优惠券是不能滚动的，我想让他能滚动该怎么做？
-
等级
本版专家分：63结帖率 100% -
如上图，优惠券我用的是固定定位 position：fixed，bottom：0。
无论页面怎样滚动它始终显示在下方。
但是，优惠券一旦多起来，比如说有11个优惠券，那么这11个优惠券是不能滚动的，我想让他能滚动该怎么做？展开阅读全文
-
等级
本版专家分：4520勋章
-
- GitHub 绑定GitHub第三方账户获取
-
-
里面再用一个容器放优惠券列表，然后给容器overflow:scroll
-
等级
本版专家分：2869
-
因为没有代码，我这里假设<div class="pic1"></div>便储存一个你的优惠券
你这里有两个优惠券，便是
<div class="pic1"></div>
<div class="pic2"></div>
上面是你原来的代码，现在，根据新需求，修改原代码如下：
<div class="all">
<div class="pic1"></div>
<div class="pic2"></div>
</div>
然后CSS设置<div class="all">绝对定位，然后按照设计，再给它设一固定高度，代码如下：
.all{
position:fixed;
bottom:0;
height:100px; //假设，具体你自己改
overflow:auto; //优惠券多时，进行滚动
}
-
等级
本版专家分：0
-
##Css Skicky Footer 布局
+ 页面结构
<div v-show="detailShow" class="detail"> //最外层盒子
<div class="detail-wrapper clearfix"> //内盒子 需要清楚浮动 clearfix
<div class="detail-mian"> //内容区域
内容区域
</div>
</div>
<div class="detail-close"> //关闭按钮
<i class="icon-close"></i>
</div>
</div>
+ 页面样式
<style>
.clearfix {
display: inline-block;
&:after {
display: block;
content: '.';
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
}
}
.detail {
position: fixed; // 不可缺少
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%; //总容器为全屏，所以高度为100％
overflow: auto; //如果内容太长，会显示滚动条查看其余内容。
.detail-wrapper {
min-height: 100%; //如果内容不够长时，也保证内容有全屏长度
.detail-mian {
margin-top: 64px;
padding-bottom: 64px; // 不可缺 //保证内容content区域的底部有64px的空白
}
}
.detail-close {
position: relative;
margin: -64px auto 0 auto; // 不可缺少 //让关闭按钮向content－wrapper里面伸入64px，正好把内容区的64px空白补上；
clear: both;
}
}
</style>
- 急、QPainter 会的进来帮忙下
最近做一小项目、比较急 不知道该怎么做。 我的本意是想将一图片显示出来、然后用qpinter画线。结果图太大、显示不全。我就将其放入label中。用一个QScrollArea来显示...希望大家能帮忙下、谢谢了、真的很急
- 急死人了，SSH整合报错，高手进来帮忙解决啊，org.springframework.beans.factory.BeanCreationException
2010-11-13 12:37:39 org.apache.catalina.core.AprLifecycleListener init 信息: The APR based Apache Tomcat Native library which allows optimal performance in production environments was not found on ...
- 编程小白快进来看看（一）Git和Github介绍
你来了，快坐下，今天我们来讲讲编程界的两大神器： Git 和 Github。 Git 和 Github 都是程序员每天都要用到的东西 —— 前者是目前最先进的 版本控制工具，拥有最多的用户，且管理着地球上最庞大的代码仓库；而后者...
- jQuery大神进来小弟感激不尽都是猿帮帮忙吧
怎样把这个翻书效果仿出来 或者下载 最好是源码！谢谢了 急急急！搜索盗墓笔记专题页；
- 大神帮帮忙，解答一下，在线等，急!!!
（3）创建Master（主人）类，在此类创建一个方法：CEF(Animal an)，使得传 递进来的动物类可以实现动物的叫和吃的方法。（5分） （4）创建测试类DuoTaiDemo_Animal，根据不同的动物，输出不用的动物名称、年龄、叫...
- 请各位高人进来看看。急！
最近我的破机器一玩CS就莫名奇妙的死机或蓝屏。重启后会在装CS游戏盘符的根目录多一个无后缀的文件，小弟用NORTON也查不出有毒，狂晕。还有一个问题是自从小弟装WINXP以来每次关机...请高人帮忙看看是怎么回事。谢谢！
- 检查项目有漏洞，百度了看不懂，懂的进来看看指导下 小弟感谢了 ，急！
上面这个图片是检测的漏洞，红色标明的是目前还存在的，我百度了下找到下面的方法，不不知道怎么弄，我百度了，只禁用SSL 2.0 and SSL 3.0，其他的我就不明白了，有没有大神帮帮忙，帮帮我这个菜鸟 跪谢！...
- 【阿朱出品】技术人成长的最快方法
昨天，我在整理CTO沟通会的员工问题反馈时，在学习成长方面，看到员工们提的以下问题：1、您认为一个专业的技术人员应当具备的基本能力有哪些？2、技术的成长需要一个过程，如何...
- 四年来的面试经历（代发）
本文是交流群当中一位猿友让LZ帮忙发表的面试经历，由于他本人极其低调，因此LZ这里也不好公开他的联系方式了。也正是因为低调，才让LZ代为发表，因为他连个博客都没有。不过LZ也不能只是往博客上一贴就完事了，LZ...
- 《那些年啊，那些事——一个程序员的奋斗史》九
81 对于新的4.3＇CMMB板子来说，设计上并不是很难。毕竟之前有做过Telechips的板 子，现在只要在之前的基础上删删减减，然后加上CMMB模块即可。这次的设计是以简单 为主，只要求有GPS和CMMB即可，其它无关的...
- 史上最强三千六百道脑筋急转弯
脑筋急转弯3600题(3)脑筋急转弯==001 0001—二三四五六七八九 答案：缺衣少食 0002—门里站着一个人。 答案：闪 0003—一点一横长，一撇飘南洋，南洋有个人，只有一寸长。 答案：府 0004—一个人无法做，一群人做没...
- 《CoderPig's Android Pocket》——开篇引言与目录
《CoderPig’s Android Pocket》——开篇引言与目录前言
- 今天划划水
周五了，这个时间是真的快 啊！划划水，大家一起来划水啊 1、 2、睡到中午起床，去浴 室洗漱，发现原来三孔的牙刷架成俩孔了，我的杯子不见了！我大声叫老妈，老妈过来，看了看牙刷架，明白了：我和你爸新买了...
- 《那些年啊，那些事——一个程序员的奋斗史》二
”段伏枥写完计算器没多久，同事老柳突然跑过来说要帮忙看看代码。 “查表？”段伏枥隐约记得，用查表的方式来计算除法，在没有除法器的单片机上为了加快运算速度是常用的方式。只不过在现在公司所用的夏普LH...
- 无聊的进来，笑得我都趴下了
l 这是发生在我朋友生上一件真实的事情...一次，他在他女朋友家吃饭，当时只有他、他女朋友和女朋友的爸爸三个人。这时电视中正在播放一个教跳老年迪斯科的节目，领舞的那个大叔长得很BT。这时，他女朋友便开玩笑地...
- js实现微信刷新页面问题。急！！！！！！！
location.reload()在微信中不嗯给你实现刷新。求大神帮忙。。。
- 大学时期要做的50件事
大学是独立人生的开始。放下高考的重担，踏在大学校园的林荫道，有时真觉得无所适从，以前的学习、生活从来都是别人安排好了的，我们只要努力地尽可能好地去完成它。第一次脱离了繁重的学习、父母用心良苦却喋喋不休...
- 第二章 一波未平 校园江湖
说时迟那时快，刚抱紧头部，拳头便如雨点落下，我下意识的向后躲，身子紧紧的贴着墙面，感觉冰冷刺骨。我依稀听见大头说意思下就行了，我感到浑身疼痛，全身难受，直到黑鬼的锃亮皮鞋，像一把尖刀，狠狠扎向我的臀部...
- 我这些年的项目管理心得...
互联网项目，会定一个计划发布日期，然而这个项目有个隐藏的实际合理发布日期。...从管理的角度来讲，当然是尽可能的赶上计划的发布时间，或者尽可能快的完成项目。但是因为多方面因素的影响，项目管理是一个
- 转自腾讯空间的文章看了心里有说不…
三十四 吃饭的时候我仍是不停的咳嗽，哥看的皱眉，“东子这家伙也是，我喝醉了不知道把我送回宿舍，把我往你那送，不知道该说他什么好。” 我飞快的瞟了一眼哥，接着低头吃面，“东子说是你非要来找我的。...
- jquery lazyload.js插件调用会使滚动条回到顶部的问题
我有一个需求是需要将页面滑到底部的时候会用ajax去服务端请求数据然后动态的加载到页面上，这时候我会去加载一次jquery lazyload.js的lazyload方法，使我动态加载的内容的图片也异步加载进来，图片效果是出来了，...
- 2014年个人总结
时间过得真快，2014年就要过去了，新的一年正在向我们走来。站在2015年起点上，回首2014，有些事是值得记录的。
- C++如何从两个文本文件中读取数据！急急急
例如：从a.txt中读取数据存到数组a， 从b.txt中读取数据存到数组b. 用 freopen("D:\\a.txt", "r", stdin) freopen("D:\\b.txt", "r", stdin...每次都是数组a读进来了 数组b死活没有数据！！！ 求大神帮忙啊！！
- 不会聊天追女生？傻瓜式《app》帮你撩到心爱的女生！
你既然已经点了进来，肯定会遇到以下3个问题： 1、不会和妹子聊天怎么办？ 2、和妹子经常冷场怎么办？ 3、妹子不回你消息怎么办？ 怎么办？怎么办？怎么办？真是急死个人！你是不是一直苦于不会聊天追不到女生？...
- 如果你也23岁
分享一下这篇文章： 23 岁那年你正处在哪个状态？现在呢？ 我，23岁，应届毕业生。生活，工作，爱情都处于人生的低谷，一穷二白，一无所有，一事无成。 分享一下成长的建议吧。 ...23岁那年......
- 数据分析侠A的成长故事
数据分析侠A的成长故事面包君 同学A：22岁，男，大四准备实习，计算机专业，迷茫期作为一个很普通的即将迈入职场的他来说，看到周边的同学都找了技术开发的岗位，顿觉自己很迷茫，因为自己不是那么喜欢钻研写代码，...
- 跨越千年的家书
故事要从公元前开始说起，距今差不多应是 2200 年之前了，那个时候正当是秦楚大战的关键时间节点，两封从秦军士兵视角展现小人物内心活动的家书被从前线寄回了家中，当时可能就是很正常的沟通交流，但是放在现在来看...
- Android开发之Theme、Style探索及源码浅析
本文主要分两部分来进行简单粗略的浅析，首先会围绕Theme与Style的定义及在App开发中的使用来进行简单回顾，接着第二部分会介绍Android系统关于Theme与Style的规则及源码，然后简单总结下我们开发中如何处理自定义...
- 我的Android进阶之旅------>经典的大牛博客推荐（排名不分先后）！！
今天看到一篇文章，收藏了很多大牛的博客，在这里分享一下（转载于：http://blog.csdn.net/wujxiaoz/article/details/8237096） Android中文Wiki AndroidStudio-NDK开发-移动开发团队谦虚的天下 - 博客园gundumw100...
- 创业心得
笔者介绍：姜雪伟，IT公司技术合伙人，IT高级讲师，CSDN社区专家，特邀编辑，畅销书作者，国家专利发明人;已出版书籍：《手把手教你架构3D游戏引擎》电子工业出版社和《Unity3D实战核心技术详解》电子工业出版社等。...