溢出滚动基本原理还是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. [转]java.lang.OutOfMemoryError: PermGen space及其解决方法

    原文地址:http://peak.iteye.com/blog/52606 这个问题是我的工程中加入了Birt报表在Linux环境下运行出现的问题,从网上搜索了一下看到这文章发现并不是由于Birt的原 ...

  2. [转] easyui 获取数据表格中选中行的数据 Get selected row data from...

    原文地址:http://my.oschina.net/meSpace/blog/41463 http://www.easyui.net/2010/06/easyui-tutorial-get-sele ...

  3. poj2762 缩点+topo排序

    Going from u to v or from v to u? Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 16486 ...

  4. [转]REST简介

    转自:http://www.cnblogs.com/loveis715/p/4669091.html 一说到REST,我想大家的第一反应就是“啊,就是那种前后台通信方式.”但是在要求详细讲述它所提出的 ...

  5. 中间值为什么为l+(r-l)/2,而不是(l+r)/2

    二分法的算法中,我们看到一些代码里取中间值: MID=l+(r-l)/2; 为什么是这个呢?不就是(l+r)/2吗?为什么要多此一举呢? 其实还是有不一样的,看看他们的区别吧: l,r是指针的时候只能 ...

  6. Java多线程与并发库高级应用-Callable与Future的应用

    Callable这种任务可以返回结果,返回的结果可以由Future去拿 >Future取得的结果类型和Callable返回的结果类型必须一致,这是通过泛型来实现的. >Completion ...

  7. RPCL(Rival Penalized Competitive Learning)在matlab下的实现

    RPCL是在线kmeans的改进版,相当于半自动的选取出k个簇心:一开始设定N个簇心,N>k,然后聚类.每次迭代中把第二近的簇心甩开一段距离. 所谓在线kmeans是就是,每次仅仅用一个样本来更 ...

  8. 【BZOJ-2725】故乡的梦 Dijsktra + Tarjan + Dinic + BFS + 堆

    2725: [Violet 6]故乡的梦 Time Limit: 20 Sec  Memory Limit: 128 MBSubmit: 502  Solved: 173[Submit][Status ...

  9. git命令笔记

    git -bare init git remote add origin ssh://myserver.com/home/git/myapp.git git remote show origin [r ...

  10. UVa 11998 Broken Keyboard (数组模拟链表问题)

    题目链接: 传送门 Broken Keyboard #include<bits/stdc++.h> using namespace std; char str[100010]; int m ...