當內容位於容器內時，角度滾動不起作用

我使用名爲duScroll的Angular插件（https://github.com/oblador/angular-scroll/）在單擊href時進行滾動。所有部分都在一個高度爲500px的容器中，稱爲'scroll-container'。但滾動沒有發生。當內容位於容器內時，角度滾動不起作用

我能夠通過改變線duScroll.js

proto.scrollToElement = function() {... 
... 
    return angular.element(document.querySelector('.scroll-container')).scrollTo(0, top-45, duration, easing); 
}

得到它ATLEAST滾動但還是滾動不一致而不能正常工作。我哪裏錯了？

Plnkr：http://plnkr.co/edit/UVh4cjCdMuD9kBMgTgJB?p=preview

來源

2014-10-30 user1184100

你會更好使用the documentation列出的指令du-smooth-scroll和du-scroll-container。

你的情況，像這樣的工作：

<nav du-scroll-container="scroll-container"> 
    <ul> 
    <li><a du-smooth-scroll href="#section-1" >Section 1</a></li> 
    … 
    </ul> 
</nav> 
<div id="scroll-container" class="scroll-container"> 
    … 
</div>

來源

2014-12-22 08:21:53 oblador

我有同樣的問題，我已經把範圍縮小到設定高度引起的問題。我懷疑聽衆會遭到轟炸，因此在設置高度後，標籤點擊從不會發生。在我的情況下，註釋掉JQuery行設置高度使其工作，但這不是我的選擇。

你有更好的解決方案嗎？

順便說一下，使用du-scroll-container在我的情況下也不起作用。我不知道爲什麼。這是我的代碼：

... 
    <nav du-scroll-container="scrollContainer"> 
       <ul class="nav nav-pills"> 
        <li><a du-smooth-scroll="current" du-scrollspy>Current</a></li> 
        <li><a du-smooth-scroll="forecast" du-scrollspy>Forecast</a></li> 
        <li ng-if="launch.webcams"><a href="#webcams" du-smooth-scroll du-scrollspy>Webcams</a></li> 
        <li><a href="#details" du-smooth-scroll du-scrollspy>Details</a></li> 
       </ul> 
      </nav> 
     </div> 

      <div id="scrollContainer"> 
<section id="current"> 
    ...

來源

2015-07-28 20:32:18 Flyingkiwi

當內容位於容器內時，角度滾動不起作用

回答

相關問題