不知道如何創建和錨一個div在輸入框中輸入時

Question

我創建了一個應用程序AngularJS，當你鍵入在輸入框中輸入一個以上的字符輸入框下過濾器列表。此輸入框位於頁面中間，當用戶輸入時，我希望它跳到頁面的頂部。我不知道如何實現這一點。我是相當新的jQuery和角所以任何幫助，將不勝感激

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操作的角度。祝你好運。