Bootstrap Blazor - 企业级 UI 组件库

Enterprise-level component library based on Bootstrap and Blazor

Example Razor C#Video

Scroll

Add scroll bars to components whose height or width exceeds the standard

The scroll bar can be rendered only when its element has a fixed height. Its height attribute can be set through the coat element

Common usage

Add a scroll bar to the component. By setting the height of Height to 200px, the scroll bar appears when the height of the inner child element is 400px

Demo

Please scroll the scroll bar on the right

bottom

Attributes

@page "/scrolls"
@inject IStringLocalizer<Scrolls> Locaizer

<h3>@Locaizer["Title"]</h3>

<h4>@Locaizer["H1"]</h4>

<p>@((MarkupString)Locaizer["P1"].Value)</p>

<Block Title="@Locaizer["Block1Title"]" Introduction="@Locaizer["Block1Intro"]">
    <Scroll class="scroll-demo" Height="200px">
        <div style="height: 400px;">@Locaizer["D1"]</div>
        <div>@Locaizer["D2"]</div>
    </Scroll>
</Block>

<AttributeTable Items="@GetAttributes()" />

// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
// Website: https://www.blazor.zone or https://argozhang.github.io/

using BootstrapBlazor.Shared.Common;
using System.Collections.Generic;

namespace BootstrapBlazor.Shared.Pages
{
    /// <summary>
    /// 
    /// </summary>
    public sealed partial class Scrolls
    {
        /// <summary>
        /// 获得属性方法
        /// </summary>
        /// <returns></returns>
        private IEnumerable<AttributeItem> GetAttributes() => new AttributeItem[]
        {
            // TODO: 移动到数据库中
            new AttributeItem() {
                Name = "ChildContent",
                Description = Locaizer["Desc1"]!,
                Type = "RenderFragment",
                ValueList = " — ",
                DefaultValue = " — "
            },
            new AttributeItem() {
                Name = "Height",
                Description = Locaizer["Desc2"]!,
                Type = "string",
                ValueList = " — ",
                DefaultValue = " — "
            }
        };
    }
}