论坛

标题: 为什么上下和左右滚动是图片通栏显示，不能固定在右边的区域？ [打印本页]

作者: fjw8168 时间: 2018-7-28 15:16
标题: 为什么上下和左右滚动是图片通栏显示，不能固定在右边的区域？
[attach]134960[/attach]
代码如下：



<div data-title="来自淘宝代码生成网www.001daima.com" style="height:481px;">
<div class="most-footer footer-more-trigger" style="left:50%;width:1010px;height:481px;right:auto;top:auto;padding:0;border:none;left:auto;z-index:1;background-color: transparent; ">
      <div class="most-footer footer-more-trigger" style="left:-30
      px;top:0px;border:none;padding:0;background-color: transparent; ">

   <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','autoplay':true,'navCls':'btn','contentCls':'neirong','interval':4,'activeTriggerCls':'hidden'}">

   <div style="width: 1010px;height: 481px;">
<ul class="neirong" style="float:right;width: 817px;height: 481px;overflow: hidden;left: 0;">
<li><a href="https://siteadmin.taobao.com"><img src="https://img.alicdn.com/imgextra/i3/1789310228/O1CN011DYSkUZ3DJsT18m_!!1789310228.png" alt="1.1.png"/></a></li>
<li><a href=""><img src="https://img.alicdn.com/imgextra/i4/1789310228/O1CN011DYSkUeksEljFsH_!!1789310228.png" alt="2.1.png"/></a></li>
<li><a href=""><img src="https://img.alicdn.com/imgextra/i2/1789310228/O1CN011DYSkUXVSKSCx71_!!1789310228.png" alt="3.1.png"/></a></li>
<li><a href=""><img src="https://img.alicdn.com/imgextra/i1/1789310228/O1CN011DYSkUZ3DGCl2Zl_!!1789310228.png" alt="4.1.png"/></a></li>
<li><a href=""><img src="https://img.alicdn.com/imgextra/i1/1789310228/O1CN011DYSkUZ28qT8pog_!!1789310228.png" alt="5.1.png"/></a></li>
     </ul>
   
     <ul class="btn footer-more" style="float: left;z-index: 2;padding: 0;border: 0;top: 0;left: 0;">
<li class="hidden" style="display: block; margin-top: 40px;"><img src="https://img.alicdn.com/imgextra/i4/1789310228/O1CN011DYSkTxgFnjjgbE_!!1789310228.png" alt="1.2.png"/></li>
<li style="display: block; margin-top: 10px;"><img src="https://img.alicdn.com/imgextra/i3/1789310228/O1CN011DYSkV4no1iV4FW_!!1789310228.png" alt="2.2.png"/></li>
<li style="display: block; margin-top: 10px;"><img src="https://img.alicdn.com/imgextra/i1/1789310228/O1CN011DYSkTgvY3aMLJt_!!1789310228.png" alt="3.2.png"/></li>
<li style="display: block; margin-top: 10px;"><img src="https://img.alicdn.com/imgextra/i2/1789310228/O1CN011DYSkTxeqXyIfds_!!1789310228.png" alt="4.2.png"/></li>
<li style="display: block; margin-top: 10px;"><img src="https://img.alicdn.com/imgextra/i2/1789310228/O1CN011DYSkUZ2H8NBsq2_!!1789310228.png" alt="5.2.png"/></li>
     </ul>

     
     <ul class="btn footer-more-trigger" style="float: left;padding: 0;border: 0;top: 0;left: 0;z-index: 1">
<li style="margin-top: 40px;"><img src="https://img.alicdn.com/imgextra/i2/1789310228/O1CN011DYSkV4nXRBCotG_!!1789310228.png" alt="1.2.png"/></li>
<li style="margin-top: 10px;"><img src="https://img.alicdn.com/imgextra/i1/1789310228/O1CN011DYSkSrxSC3Vgau_!!1789310228.png" alt="2.2.png"/></li>
<li style="margin-top: 10px;"><img src="https://img.alicdn.com/imgextra/i2/1789310228/O1CN011DYSkUDfdX7BOWU_!!1789310228.png" alt="3.2.png"/></li>
<li style="margin-top: 10px;"><img src="https://img.alicdn.com/imgextra/i3/1789310228/O1CN011DYSkVURpHOWFTY_!!1789310228.png" alt="4.2.png"/></li>
<li style="margin-top: 10px;"><img src="https://img.alicdn.com/imgextra/i3/1789310228/O1CN011DYSkTgxE0fekI0_!!1789310228.png" alt="5.2.png"/></li>
     </ul>

     </div>

     </div>

     </div>
</div>
</div>

欢迎光临论坛 (http://bbs.qinxue.com/)