横向滚动条展示 css

<div class="shuaixuan" style="overflow:hidden;">
    <div style="overflow-x:scroll;overflow-y:hidden; height:60px;" id="scroll">
      <ul style="width:120%;  display:inline-block">
        <li> <a href="/member/takeaway_member_order.html">
          全部 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/unpay.html">
          待付款 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/unconfirm.html">
          待付款 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/unship.html">
          待配送 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/unfinish.html" class="cur">
          待收货 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/undianping.html">
          待评价 </a> </li>
        <div class="clear"></div>
      </ul>
    </div>
  </div>

<script>
  $(document).ready(function() {
  $(‘#fadajing‘).click(function(){
  if(!$(‘.searchform‘).is(":visible")){
  $(‘.searchform‘).css(‘height‘,‘0px‘);
  $(‘.searchform‘).css(‘padding‘,‘0px‘);
  $(‘.searchform‘).show();
  $(‘.searchform‘).animate({height:"57px",paddingBottom:"10px",paddingTop:"10px",paddingLeft:"2%",paddingRight:"2%"});
  $(‘.xqbody‘).animate({‘margin-top‘:‘107px‘});
  }
  });
  });
  </script>
时间: 2024-10-06 13:12:10

横向滚动条展示 css的相关文章

css之超出部分不换行且显示横向滚动条

我不是专业前端,所以折腾了老半天啊QAQ 需求是两个div,内层div不换行且超出时外层div显示横向滚动条 类似以下这种: 刚开始的代码如下: <div class="nowrap"> <div class="item-t"></div> <div class="item-t"></div> <div class="item-t"></div>

移动端禁用横向滚动条

在用bootstrap制作移动开发的时候,发现宽度并未超过屏幕宽度时,依然出现横向滚动条. 问题解决: 1.查看是否在head里面加入 /*等比例缩放*/<meta name="viewport" content="width=device-width, initial-scale=1.0">/*禁止缩放*/<meta name="viewport" content="initial-scale=1, maximum-

IE6下出现横向滚动条问题的解决方案

当我们在css样式设置为html {overflow-y:auto;}时,在ie7以上版本应用时不会有问题,可是在ie6下就会发现垂直滚动条出现会引起横向滚动条出现.究其原因是在ie6下,当内容过多出现垂直滚动条时,此时页面的宽度为其本来宽度加上滚动条的宽度,导致页面宽度超过100%,而出现横向滚动条,在ie7+浏览器中,会自动的识别滚动条,页面宽度为内容的宽度加上滚动条的宽度等于100%,而不会出现滚动条,这相当于是ie的滚动条bug(纯属个人见解,不对的地方还请指出,共同学习交流). 解决上

frame去掉横向滚动条【转】

如题,就是在网页中,只显示右侧的垂直滚动条,而不要底部的水平滚动条:这个问题让我挠头了半天. 做的那个管理界面,为了能让菜单在整个窗口中显示,我没有用Frame,而是用了iFrame:为了让iFrame窗口适用大小,我也用JavaScript代码做了判断: 插入iFrame的代码如下(我没有设宽高,宽高有Js代码控制的,这里不再描述)<iframe src="welcome.html" name="workArea" align="middle&qu

HTML横向滚动条和文本超出显示三个小圆点

我们这次要说的就是:现在有很多的公司以及很多的app软件经常使用的两个方法横向滚动条和文本超出三个小圆点 横向滚动条:顾名思义嘛,就是能够一块内容可以横着滑动. 文本超出三个小圆点:文本超出就是当文本的内容超出了我们的所定的盒子宽度,我们将多余的文本隐藏替换成i小圆点进行显示. 自己刚才写了一个简单横向滚动条的例子,我们看一下代码 html部分: <div class="top"> <div class="box_top"> <span

谷歌下设置滚动条的css样式

.oLi-lists-scroll::-webkit-scrollbar { width:5px;  padding:1px; background:url(../images/repeat-bar.png) repeat-y;} /* Track */ .oLi-lists-scroll::-webkit-scrollbar-track {height:4px;} /* Handle */ .oLi-lists-scroll::-webkit-scrollbar-thumb { backgro

WPF:解决DataGrid横向滚动条无法显示的问题

DataGrid的最后一列的宽度设置为“Width=”auto””即可. 如果显示指定长度或者设置为“*”,那么不管怎么拖动列头,或者不管行里面的内容有没有超过DataGrid的显示区域,DataGrid的横向滚动条都不会显示出来. 转载声明:本文转载至http://www.zhoumy.cn,文章链接:http://www.zhoumy.cn/?p=28

table左边固定-底部横向滚动条

是日有需求,曾探讨过table表单头部.尾部固定不动,中间内容随着滚动条的滚动而变化. 整合资料之际,发现有很多表格,表单展现中,横向数据很多.很长,不方便查看. 则,横空霹雳出了,此款:table表单左边固定,底部滚动条左右滑动展现数据demo. 原理很简单:在 table外面嵌套一层div ,并且设置此父div {overflow: auto;}.此举为了出席横向滚动条 对里面的tr设置{position: relative;}相对定位 对tr里面的第一个td设置fixed .fixed {

div 显示滚动条的CSS代码

div显示上下左右滚动条 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div> div显示上下滚动条的css代码 <div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </d