チェックボックスをオンにしたときにスクロールする

Question

jQueryまたはJavaScriptを使用してチェックボックスが選択されたときにページをスクロールさせる方法を知りたかっただけで、そこに角型JSコードがあることがわかりました。

<div class="checkbox-list"> 
    <div class="checkbox box-collapse-color" ng-repeat="Type in Types"> 
    <span class="count pull-right">{{Type.count}}</span> 
    <input type="checkbox" 
      ng-click="addCompanyType(Type.ac)" 
      id="checkbox1-c-{{$index}}" /> 
    <label class="check" for="checkbox1-c-{{$index}}"> 
     <span>{{Type.ac}}</span> 
    </label> 
    </div> 
</div> 

ありがとうございます。

Answer 1

私は角に慣れていないんだけど、これは動作するはずです：

if (document.getElementById('checkbox1-c-{{$index}}').checked) { 
    $('html, body').animate({ 
    scrollTop: $('#checkbox1-c-{{$index}}').offset().top 
    }, 'slow'); 
} 

はたぶん、あなたは私が使用しidを変更する必要があり、私はわかりません。

Answer 2

最も簡単な方法は以下の通りです：

$window.scrollTo(0, 0); 

コードがあなたのaddCompanyType機能の中に配置する必要がありそうですが、私は絶対に言うことはできません。私はAngular JS ng-checked指示を見ることをお勧めします。 $windowを注射することを忘れないでください。