2015-11-05 110 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; 
}