按钮如何使用javascript垂直滚动？

Question

我需要一个<ItemsControl ItemsPanel="{DynamicResource MyPanel}" ItemsSource="{Binding Source={StaticResource cvs}}" ItemTemplate="{DynamicResource MyTemplate}"> <ItemsControl.GroupStyle> <GroupStyle> <GroupStyle.ContainerStyle> <Style TargetType="{x:Type GroupItem}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate> <Expander IsExpanded="True"> <Expander.Header> <TextBlock Text="{Binding Name}" FontWeight="Bold" Foreground="Gray" FontSize="22" VerticalAlignment="Bottom" /> </Expander.Header> <ItemsPresenter /> </Expander> </ControlTemplate> </Setter.Value> </Setter> </Style> </GroupStyle.ContainerStyle> </GroupStyle> </ItemsControl.GroupStyle> </ItemsControl> 作为按钮。

每次单击按钮时，我都需要在下一个div上定位垂直滚动条。

就像旋转木马，但只有一个按钮。

每次单击按钮时，内部数字都会减少（从3减少到2变为1）

Here's 小提琴

Answer 1

嗨，尝试添加此JAVASCIRPT

像https://jsfiddle.net/qhurjd83/

document.getElementById("next").addEventListener("click",next);


function next(){
var docpage = document.getElementById("page");
var page = parseInt(docpage.innerText) == 3? 1  : parseInt(docpage.innerText)+1;
docpage.innerText = page;

document.getElementById(page==1 ? "one":page==2?"two":"three").scrollIntoView();
}