当前位置：首页 > 工具软件 > One Page Scroll > 使用案例 >

scroll-margin-top

史弘致

2023-12-01

Fixed Headers and Jump Links? The Solution is scroll-margin-top | CSS-Tricks - CSS-Tricks

scroll-margin-top

导航栏fixed，跳转链接时navbar会遮挡部分内容，可以使用scroll-margin-top

/* 跳转到questions时，maprgin-top设置为56px */
#questions,#instructors {
    scroll-margin-top: 56px;
}

类似资料：

margin-top

描述 (Description) margin-top属性设置元素顶部边距的宽度。可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 默认，让浏览器自动设置边距。适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) object.style.mar
margin

描述 (Description) margin属性是一个速记属性，用于设置元素所有四边的边距宽度。可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 设置要自动计算的所有四个边距的值。适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) objec
Margin

这是Web开发人员的完整参考指南，其中列出了与万维网联盟推荐的层叠样式表规范2级中定义的边距相关的所有CSS属性。单击任何属性以查看其描述的示例 - Sr.No. 财产和描述 1 margin 定义元素边距的所有四个。 2 margin-bottom 定义元素的下边距。默认值为0。 3 margin-left 定义元素的左边距。默认值为0。 4 margin-right 定义元素的右边距。
outerWidth（[margin] ）

描述 (Description) outerWidth( [margin] )方法获取第一个匹配元素的外部宽度（默认包括边框和填充）。此方法适用于可见元素和隐藏元素。由于父项被隐藏而间接隐藏的元素不支持它。语法 (Syntax) 以下是使用此方法的简单语法 - <i>selector</i>.outerWidth( [margin] ) 参数 (Parameters) 以下是此方法使用的所
outerHeight（[margin] ）

描述 (Description) outerHeight( [margin] )方法获取第一个匹配元素的外部高度（默认包括边框和填充）。此方法适用于可见元素和隐藏元素。由于父项被隐藏而间接隐藏的元素不支持它。语法 (Syntax) 以下是使用此方法的简单语法 - <i>selector</i>.outerHeight( [margin] ) 参数 (Parameters) 以下是此方法使用
margin-right

描述 (Description) margin-right属性设置元素右侧边距的宽度。可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 默认，让浏览器自动设置边距。适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) object.style.m
margin-left

描述 (Description) margin-left属性设置元素左侧边距的宽度。可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 默认，让浏览器自动设置边距。适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) object.style.ma
margin-bottom

描述 (Description) margin-bottom属性设置元素底部边距的宽度。可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 默认，让浏览器自动设置边距。适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) object.style.

scroll-margin-top

相关阅读

相关文章

相关问答

相关文档