BulmaRazor

可以使用 VisibilityHeight 设置可见的滚动高度，默认200

可以使用 Time 设置到顶部的时长，默认200

可以使用 Target 设置滚动元素默认Document

由于网站布局 #layoutContent 使 Document 不会滚动，所以例子中都设置了 Target="#layoutContent"

慢慢向下滚动，会依次看到展示效果

@* 默认 *@ <Backtop Target="#layoutContent"></Backtop> @* 颜色 *@ <Backtop VisibilityHeight="300" Bottom="90" Right="40" Color="Color.Primary" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="300" Bottom="90" Right="90" Color="Color.Link" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="300" Bottom="90" Right="140" Color="Color.Info" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="300" Bottom="90" Right="190" Color="Color.Success" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="300" Bottom="90" Right="240" Color="Color.Warning" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="300" Bottom="90" Right="290" Color="Color.Danger" Target="#layoutContent"></Backtop> @* 样式 *@ <Backtop VisibilityHeight="500" Bottom="140" Right="40" IsLight Color="Color.Primary" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="500" Bottom="140" Right="90" IsRounded="@false" Color="Color.Primary" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="500" Bottom="140" Right="140" IsOutlined Color="Color.Primary" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="500" Bottom="140" Right="190" IsInverted Color="Color.Primary" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="500" Bottom="140" Right="240" Color="Color.Primary" Target="#layoutContent">Up</Backtop> @* 文字大小 *@ <Backtop VisibilityHeight="700" Bottom="190" Right="40" IsSmall Color="Color.Primary" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="700" Bottom="190" Right="90" IsNormal Color="Color.Primary" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="700" Bottom="190" Right="140" IsMedium Color="Color.Primary" Target="#layoutContent"></Backtop> <Backtop VisibilityHeight="700" Bottom="190" Right="190" IsLarge Color="Color.Primary" Target="#layoutContent"></Backtop> @* 组件大小 *@ <Backtop VisibilityHeight="900" Bottom="240" Right="40" Time="2000" IsLarge Width="80" Height="80" Color="Color.Primary" Target="#layoutContent">慢</Backtop>

回到顶部 (Backtop)

返回页面顶部的操作按钮

用法