Question

我有很长的列表数据。在桌子上面有一个有打印按钮的div。滚动时我错过了按钮，因为按钮位于顶部。我想在滚动时向左或右显示div打印？当我再次达到顶峰时它保持不变。

Jquery和CSS有可能吗？

 <div class="row" id="printSelectedRecords">
            <div class="col-md-12">
                <span class="col-md-3">
                    <a class="btn btn-default btn-primary" ng-click="showSelectedRecords()" ng-disabled="selectedItems.length==0">
                        Continue to Print
                    </a>
                </span>
            </div>
        </div>
       <br/>
        <table class="table table-bordered">
            <tr>
                <th></th>
                <th>Printed</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Company</th>
                <th>City</th>
                <th>Country</th>
            </tr>
            <tr ng-repeat="item in items">
                <td>
                    <input class="check-box" data-val="true" type="checkbox" ng-model="item.selected" ng-click="checkboxClick($event, item)">
                </td>
                <td>
                    {{item.printed}}
                </td>
                <td>
                    {{item.firstName}}
                </td>
                <td>
                    {{item.lastName}}
                </td>
                <td>
                    {{item.company}}
                </td>
                <td>
                    {{item.city}}
                </td>
                <td>
                    {{item.country}}
                </td>
            </tr>
        </table>

Answer 1

您尝试使用位置：固定在此按钮上？

Answer 2

您可以尝试使用此css将按钮放在页面右下方

/home/hadoop/spark/sbin/start-thriftserver.sh --hiveconf hive.server2.thrift.http.port=10001 --master yarn-client

如果您希望按钮保持在顶部，则相应地更改css（顶部：0）。

在桌面上滚动时显示固定div（打印）

2 个答案: