當選中複選框時滾動到頂部

我只是想知道如何使用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

當選中複選框時滾動到頂部

回答

相關問題