我有以下HTML。我想确定"查看全部"的位置。锚标记在特定位置。相反,锚标记随着下拉列表中的值的变化而变化(即根据下拉列表中更改值的长度)。
<div class="row " style="margin-left:75pt;">
<div class="dropdown" style="width:300px;display:inline;">
<label class="text-center" id ="categories" style="margin-top:10pt;font-size:14pt;"> Deals on</label>
<button data-toggle="dropdown" class=" btn dropdown-toggle dropdown-menu-hover-color text-center" style="padding:0px 0px;background-color:white;" href="#"><label style="font-size:14pt; color: #191970;" >{{currentCategory}}</label> <b class="caret"></b></button>
<ul class="dropdown-menu submenu-hover-color dropdown-menu-scroll" style="margin:0;">
<li>
<a href="#" id="{{page.category_id}}" ng-click="changeCategory(page.category_id);" ng-repeat="page in dropdownCategoryList" ng-model="category_id">{{page.category_name}}</a>
</li>
</ul>
</div>
<div style="display:inline;" ng-show="deals"><a href="#" class="view-all-category"> View All</a></div>
<div style="display:inline;" ng-hide="deals"> <label class="text-center" style="margin-top:10pt;font-size:12pt;color: #909090;;">No deals found, please select a different category. </label></div>
</div>
关于如何实现这一目标的任何指示。 提前谢谢。
答案 0 :(得分:0)
尝试使用以下html:
<div style="display:inline; position: fixed; top: 100px;" ng-show="deals"><a href="#" class="view-all-category"> View All</a></div>
设置&#39;顶部&#39;价值根据您的需要。我认为它应该对你有帮助。