html代码

<div class="wrap swiper-container"><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><div class="swiper-scrollbar wrap-scroll"><div class="swiper-scrollbar-drag" ></div></div></div>

css 这两段代码不可少

<style>
.swiper-container {width: 100%; height: 100%; background:#39C}
.gun-swiper-slide{font-size: 18px;height: auto;-webkit-box-sizing: border-box; box-sizing: border-box;}
</style>

js代码

var overscroll = new Swiper('.wrap', {scrollbar: '.wrap-scroll',direction: 'vertical',slidesPerView: 'auto',mousewheelControl: true,freeMode: true});

问题总结: 在用ajax调取内容的时候,右侧滚动条无法出现。 换回原来的文字,又能出现滚动条

swiper超出部分出现滚动条相关推荐

  1. div超出部分出现滚动条并修改滚动条的默认样式

    使用overflow的属性 auto 和scroll 可以在内容超出的时候出现滚动条. overflow 设置包括水平和竖直方向内容溢出时的操作 overflow-x 设置水平方向内容溢出时的操作 o ...

  2. css:overflow-y: scroll内容未超出也显示滚动条

    原来的css设置如下 /* 始终显示滚动条 */ overflow-y: scroll 内容总是有一个距离没有撑满,发现是滚动条的问题,需要修改滚动条属性 /* 内容超出显示滚动条,未超出不显示滚动条 ...

  3. 原生table:表格table中thead固定,tbody超出高度出现滚动条

    首先认识一下表格的table-layout属性 tableLayout 属性用来显示表格单元格.行.列的算法规则. tableLayout有如下三个值:auto  fixed  inherit 值 描 ...

  4. css给超出内容设置滚动条和去除滚动条显示:

    盒子内部元素溢出自动生成滚动条,使用:  overflow: scroll; .drawerBox{width: 300px;height: 500px;border: 1px solid red;o ...

  5. 内容超出div,设置滚动条

    当内容超出div时,自动出现滚动条的条件:1.内容必须在div中:2.div要设置宽高:3.overflow 设置 auto: 备注: 1.overflow:auto;当内容宽度超出div宽度,或者内 ...

  6. table超出边框出现滚动条_精美横轴智能滚动条设计

    如何设计一款精美的横轴智能滚动条?本文对设计过程进行了详细地介绍. 页面布局 页面设定 新建一个页面文件,命名为[精美横轴智能滚动条设计]. 在[精美横轴智能滚动条设计]页面内新建一个命名为[tabl ...

  7. element table el-table 添加横向滚动条 宽度超出时横向滚动条不出现,固定表头完美方案

    项目场景: 横纵内容过多时,表格横向宽度超出后,滚动条没有出现 问题描述: 表格横向宽度超出后,滚动条没有出现,如下图所示 原因分析: 查了一下网上其他的解决方案感觉不是特别好,f12查看了下elem ...

  8. CSS 元素超出部分滚动, 并隐藏滚动条

    方法一, 利用 css 3 的新特性  -webkit-scrollbar, 但是这种方式不兼容 火狐 和 IE <!DOCTYPE html> <html> <head ...

  9. div横向超出可滚动,自动添加滚动条,自定义滚动条样式,

    先看一下最终的效果图吧: 第一种文字内容超出显示滚动条: 父盒子:横向超出滚动:overflow-x: scroll; .box {width: 100%;box-sizing: border-box ...

最新文章

  1. 在 Spring Boot 中使用 Spring AOP 和 AspectJ 来测量方法的执行时间
  2. SAP ABAP MARD和MARDH计算逻辑
  3. JDBC学习笔记02【ResultSet类详解、JDBC登录案例练习、PreparedStatement类详解】
  4. python线程间通信_python多线程之事件触发(线程间通信)
  5. 前端防xss攻击(去掉空格等能影响和攻击数据库的字段)
  6. 2020直播电商研究报告
  7. mysql_install_db参数_MySQL初始化脚本mysql_install_db使用简介及选项参数
  8. html表单占位符,HTML5 输入表单动效 - 占位符上浮
  9. nvidia命令不可用linux,linux – 如何从命令行获取nvidia驱动程序版本?
  10. python 检查代码规范_Python代码规范检测
  11. STM32F103如何使用串口下载程序
  12. 监控系统服务器地址是什么,监控系统服务器ip地址
  13. cas5.2集成ldap
  14. Dynamic Scoping (动态范围)
  15. Visual Paradigm 如何绘制平面图?
  16. 模拟京东快递单号查询案例2020/11/24
  17. 如何不花钱也能下载17sucai网的网页或者单页
  18. 我的Android读书笔记——(1)
  19. 下位机和上位机通信 学习体会心得
  20. Java源码阅读之String(4)

热门文章

  1. IT人应该具备的几种技能
  2. 李开复写给中国学生的七封信之给中国学生的第五封信——你有选择的权利(完)...
  3. NRF52832与W25Q80通信
  4. HttpURLConnection与HttpClient浅析---转
  5. GET和POST有什么区别?及为什么网上的多数答案都是错的。
  6. [原]missing #39;;#39; before #39;namesapce#39;错误的解决
  7. 【经验总结】C#常用线程同“.NET研究”步方法应用场景和实现原理
  8. C#的委托事件在winform窗体中实现传值备忘
  9. DS博客作业05--树
  10. eclipse中配置SVN