横向滚动条展示 css

2022-11-16 16:54:14

<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>