2015-11-05 145 views
0

試圖在AngularJS中製作可滾動的水平圖像旋轉木馬,這種旋轉木馬正在順利進行。在我的代碼中,我通過更改左側位置來「滾動」。當我添加一個過濾器輸入框時,我需要能夠重置我滾動的元素的左側位置。AngularJs過濾器事件?

我試圖瞭解這樣做的AngularJs

看到問題的最好方法:click here

你應該得到一堆電影海報加載。將鼠標懸停在旋轉木馬上並將鼠標滾輪向下滾動5或6次。

現在快速鍵入搜索框。列表項目的左側位置不在視圖中。我將不得不點擊幾次左鍵才能看到它們。

我希望能夠在發生過濾器後將左側位置重置爲0。

感謝

+0

我認爲你可以使用$ anchorScroll您的需求 – Ashokreddy

+0

可能不會提出正確的問題。我修改了我的問題 –

回答

0

我敢肯定,這是一個黑客,但我用文本框onkeyup事件的事件來解決這個問題。

<input type="text" data-ng-model="search.Title" onkeyup="resetLeft()" /><img src="images/search.png" /> 

function resetLeft() 
{ 
var obj = document.getElementById('carousel'); 
obj.style.left = 40; 
}