Question

关于我的ui-sref元素，我有一个滚动问题。

index.html看起来像这样：

<header>
<div id="header" class="flat-menu single-menu" ng-include="'partials/header-hr.html'"></div>
</header>
<div ui-view></div>
<footer id="footer" data-ng-include="'partials/footer-hr.html'"></footer>

下拉列表的标题部分：

<ul class="dropdown-menu">
<li><a ui-sref="about({ '#': 'a' })"">a</a></li>
<li><a ui-sref="about({ '#': 'b' })"">b</a></li>
<li><a ui-sref="about({ '#': 'c' })"">c</a></li>
<li><a ui-sref="about({ '#': 'd' })"">d</a></li>
<li><a ui-sref="about({ '#': 'e' })"">e</a></li>
</ul>

因此，滚动到特定的ui-sref会起作用，但它会将视图定位到页面顶部（标题后面）并且您无法看到前几行。

有没有办法来偏移uiviewscroll以便sref从标题下方开始？

P.S。这是我在这里的第一篇文章，请原谅我，如果我没有提供所需的全部背景：）

Answer 1

我认为您的标题与您的内容重叠，对吧。

你需要做的是。

在标题中添加此CSS属性：

职位：相对;

OR

这是另一种解决方案 - 在你的标题div之外使用你的ui-sref：

<header>
   <div id="header" class="flat-menu single-menu" ng-include="'partials/header-hr.html'"></div>
   <ul class="dropdown-menu">
       <li><a ui-sref="about({ '#': 'a' })"">a</a></li>
       <li><a ui-sref="about({ '#': 'b' })"">b</a></li>
       <li><a ui-sref="about({ '#': 'c' })"">c</a></li>
       <li><a ui-sref="about({ '#': 'd' })"">d</a></li>
       <li><a ui-sref="about({ '#': 'e' })"">e</a></li>
   </ul>
</header>
<div ui-view></div>
<footer id="footer" data-ng-include="'partials/footer-hr.html'"></footer>

ui-view滚动偏移问题

1 个答案: