Question

所以我一直在使用Foundation 5框架大约一个星期，并且想知道在移动设备/平板电脑上查看时，我的magellan侧边栏可以直接移动到页面底部。

<div data-magellan-expedition="fixed">
<div class="large-2 columns right" >
<div id="top">
    <h5>Summary</h5>
    <h4>Business Cards</h4>
</div>

<div id="summary">      
    <table>
    <tbody>
    <tr>
        <td>Digital</td>
    </tr>

    <tr>
        <td>3.5 * 2</td>
    </tr>

    <tr>
        <td>Qty: 50,000 </td>
    </tr>

    <tr>
        <td>14 Point C2S</td>
    </tr>

    <tr>
        <td>Color Front, Empty Back</td>
    </tr>

    <tr>
        <td>5 Business day turnaround </td>
   </tr>

   <tr>
        <td>5 Business day turnaround </td>
   </tr>

   <tr>
        <td>5 Business day turnaround </td>
   </tr>
   </tbody>
   </table>
   <h5>Your Price:      $64.5</h5>
   <h5>Unit Cost:      $0.323</h5>
   <a href="#" class="small radius success button">Get Started</a>
</div>  
</div>
</div>

此处还有指向该页面的链接：http://www.jovincron.in/orderform/index.html

Answer 1

据我所知，当您的页面在移动设备上打开时，无法使用Foundation 5框架在页面底部自动显示元素。您需要自定义媒体查询或某些JS客户端检查才能完成此任务。

使Magellan侧边栏在移动中工作/移动到页面底部

1 个答案: