当选中复选框时滚动到顶部

我只是想知道如何使用jQuery或JavaScript选中复选框时知道如何将页面滚动到顶部，因为知道其中存在一些Angular 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>

在此先感谢。

来源

2017-06-17 Khaled Inges

我不熟悉的角度，但这应该工作：

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

也许你不得不改变我用id，我不知道。

来源

2017-06-17 18:57:47 Max

你好。我尝试过，但似乎不起作用。 –

Jup，我修好了它应该现在工作我没有角度尝试它 – Max

最简单的方法是：

$window.scrollTo(0, 0);

看来代码应该放到你的addCompanyType功能，但我不能肯定地说。我建议看看Angular JS ng-checked指令。不要忘记注入$window。

来源

2017-06-17 18:59:39

当选中复选框时滚动到顶部

回答

相关问题