溢出滚动基本原理还是relative,absolute.  核心高度  swiper-wrapper 和gun-swiper-slide 的自适应高度成为关键

<style>
.gun-swiper-slide{height: auto;}
</style>
<div class="header">
<div class="header-cen" onclick="ajax('#page1','/h5/home.php?g=app&m=Page&a=index')"><h3>测试下内容</h3></div>
</div>
<!--滚动区域-->
<div class="wrap swiper-container" id="ConBar">
<div class="swiper-wrapper">
<div class="swiper-slide gun-swiper-slide">
<p style="font-family:microsoft yahei; line-height:1.8;">一天下午,我同学在建设银行十分无聊的上班,一个穿得很糟糕的女士(神经病患者)来到他窗口,给了他一张纸条要提款。&nbsp;<br><br>
纸条上赫然写着&nbsp;<br><br>
'兹派XX同志于贵银行处提取人民币'.&nbsp;<br>
然后是l后面N多个零元。&nbsp;<br>
落款是***C.P中央办公厅***。&nbsp;<br><br>
我同学本来想报警,可看该神经病患者女子很认真的样子,想想还是打发给保安算鸟.(~估计保安也是很闲).&nbsp;<br>
果然,保安对该女子说:'你这张条子想要提款,必须先到对面派出所,找所长盖一个章,他盖完章,你再来取钱就没问题啦。'&nbsp;<br>
该女子想都没想,直接就向派出所走去了。(这保安还真不一般,平时有点小看他了).&nbsp;<br><br>
大概十多分钟,排队的顾客慢慢多起来的时候,那个女子兴高采烈的回来了,举着那个条子,说:'人家说啦,办公程序简化了,不用所长批条直接就可以取钱啦。'&nbsp;<br><br>
我这个同学一听到这就不住的感叹:pol.ice队伍里真有高人,一句'高调'就给打发回来了。&nbsp;<br><br>
我这个同学和保安当时就有点傻了,营业大厅有很多人都在,怕她精神病发作起来影响正常的秩序,只好把值班主管找来了。&nbsp;<br><br>
主管和女患者在一边聊了几句,问你取钱做什么用呀,女患者说:'取钱买面包,蛋糕,吃的,买穿的'主管指了指不远处的地方,该女子就又高高兴兴地走了。&nbsp;<br>
保安去请教'高招',主管当时是这样对女患者说的: '我们这里是建行,只有建房子才能到这里取钱。你取钱买吃的,那肯定是粮食了,要去农行,买穿的等东西,取钱要到工商银行才行!'&nbsp;<br>
我同学打心眼里佩服呀,到底是当主管的啊!!!!&nbsp;<br><br>
…………&nbsp;<br>
…………&nbsp;<br>
过了一会儿,该女士又回来了.而且带来了工行的回答:'农行的人说了,这里是农行,只有农民能取钱,我是城市人口,工行的人说了,我们这里是公行,只能公的来取,母的不行!!!!,说我是贱人,要到建行取钱'&nbsp;</p>
</div>
<div class="clear"></div>
</div>
<div class="swiper-scrollbar" id="Conbar-bar"><div class="swiper-scrollbar-drag" ></div></div>
</div>
<!--滚动结束--> <div onclick="gopage(0)">第一页</div>
<div onclick="gopage(1)">第二页</div>
<div onclick="gopage(2)">第三页</div>
<script>
var Conbar = new Swiper('#ConBar',{
height : window.innerHeight-,
scrollbar: '#Conbar-bar',
direction: 'vertical',
slidesPerView: 'auto',
freeMode: true,
//scrollbarHide:false,
noSwiping : false,
});
</script>

安卓、swiper标准的文字滚动的更多相关文章

  1. 单行文字滚动就用myslider

    单行文字滚动就用myslider,myslider是一个小型的内容滚动jquery插件. 首先请看实例:http://keleyi.com/jq/myslider/demo/4.htm 然后来看代码: ...

  2. winfrom 文字滚动

    winfrom 文字滚动 http://www.codeproject.com/Articles/6913/Creating-a-professional-looking-GDI-drawn-cust ...

  3. marquee 标签 文字滚动

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. js鼠标经过文字滚动,移开还原

    不说别的,直接贴代码. <div class="kj-scroll" id="countrylist0" onmouseover="wPAa = ...

  5. marquee|各种文字滚动代码(适用公告)

    marquee|各种文字滚动代码(适用公告)  

  6. Unity3D 文字滚动跑马灯效果

    需求 在日常游戏中,文字滚动效果是比较常用的.例如日常游戏顶部的新闻公告,聊天系统的文字滚动,都属于这个范围. 思路 由于使用的地方比较广泛,所以希望能够尽量独立的游戏之外,能够做到随处使用的功能.N ...

  7. section标签实现文字滚动

    h5新增样式 section标签 使用demo //h5新增属性 h5新增滚动的标签 <marquee> <div style="padding-left: 20px;ma ...

  8. HTML之marquee(文字滚动)详解

    语法: <marquee></marquee> 以下是一个最简单的例子: 代码如下: <marquee><font size=+3 color=red> ...

  9. swiper添加了自动滚动效果,然后用手指划过页面,发现自动滚动效果不生效了

    我给swiper添加了自动滚动效果,然后用手指划过页面,发现自动滚动效果不生效了,哪里出了问题呢? 添加参数 autoplayDisableOnInteraction : false,

随机推荐

  1. 在Winform中播放视频等【DotNet,C#】

    在项目中遇到过这样的问题,就是如何在Winform中播放视频.当时考察了几种方式,第一种是直接使用Windows Media Player组件,这种最简单:第二种是利用DirectX直接在窗体或者控件 ...

  2. iPad开发--美团界面的搭建(主要是对Popover的使用,以及监听)

    一.主界面的搭建,效果图.设置self.navigationItem.leftBarButtonItems属性. 由于leftBarButtonItem是通过xib文件创建的,通过xib创建的控件默认 ...

  3. Office 2013 Pro Plus Vol激活

    先确认自己是office2013 vol(大客户版),然后cmd(管理员)里面运行如下命令: cd "C:\Program Files\Microsoft Office\Office15&q ...

  4. epoch和Iteration

    做机器学习时遇到epoch和iteration,一开始有点迷惑.不是一个意思吗? epoch可以翻译成"回合".一个epoch内,做一次train+一次test iteration ...

  5. 【BZOJ-4562】食物链 记忆化搜索(拓扑序 + DP)

    4562: [Haoi2016]食物链 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 133  Solved: 112[Submit][Status] ...

  6. 【poj2774】 Long Long Message

    http://poj.org/problem?id=2774 (题目链接) 题意 给出两个只包含小写字母的字符串,求出最长连续公共子串. solution 第一次用后缀数组,感觉有点神...才发现原来 ...

  7. asp.net使用signalr实现集群集群下面的消息推送

    1.选用Signalr的原因 Signalr内部给我们做了很多封装.当服务器或者浏览器不支持websoket协议的时候就使用长连接方式  不支持长连接再选用轮询的方式获取消息 websoket:与服务 ...

  8. UOJ262 【NOIP2016】换教室

    本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000作者博客:http://www.cnblogs.com/ljh2000-jump/转 ...

  9. 过滤器(Filter)的应用

    过滤器的概念 Java中的Filter 并不是一个标准的Servlet ,它不能处理用户请求,也不能对客户端生成响应. 主要用于对HttpServletRequest 进行预处理,也可以对HttpSe ...

  10. python统计nginx脚本信息

    #!/usr/bin/env python # -*- coding: utf-8 -*- import urllib2 import json import subprocess import th ...