Question

我创建了一个AngularJS应用程序，当您在输入框中键入多个字符时，该应用程序会过滤输入框下的列表。这个输入框朝向页面的中间，我想在用户输入时跳到页面顶部。我不知道如何实现这一目标。我对jquery和Angular很新，所以任何帮助都会非常感激

Answer 1

试试这个

 $('html, body').animate({ scrollTop: 0 }, 'slow');

只要用户输入关注事件

，就会转到页面顶部

$scope.watch('mg-model',function(val){
 };)

当val为null或为空时，将文本框中的任何div id包装并设置为动画

Answer 2

我会为你输入字段创建一个指令。像这样：

.directive('query', function() {
    return {
        restrict:"A",
        replace: true,
        template: "<input type='text' ng-model='query'>",
        link: function(scope, elem) {
            elem.bind('input', function() {
                elem.css({'top':'10px','position':'fixed'});
            });
        }
    }
});

然后你可以在原始输入字段的任何地方粘贴<div query></div>。我测试了它，它对我很有用。指令是像这样的DOM操作的有条不紊的方式。祝你好运。

在输入框中输入时，不确定如何创建和锚定div

2 个答案: