Enterprise-level component library based on Bootstrap and Blazor

star nuget master download license repo commit

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

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

Loading...
@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 = " — "
            }
        };
    }
}

B 站相关视频链接

暂无

交流群

QQ Group:BootstrapAdmin & Blazor 795206915( Full) 675147445 Welcome to join the group discussion
Themes
Bootstrap
Ant Design (完善中)
Bluma (完善中)
LayUI (完善中)
Motronic (已集成)
An error has occurred. This application may no longer respond until reloaded. Reload