css+html简单的定位到指定的内容
来源:互联网 发布:降龙九九会计核算软件 编辑:程序博客网 时间:2024/05/07 20:04
css+html简单的定位到指定的内容
<div class="container"> <div class="jumbotron"> <h1>Bootstrap Affix</h1> </div> <div class="row"> <div class="col-xs-3" id="myScrollspy"> <ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="125"> <li class="active"><a href="#section-1">第一部分</a></li> <li><a href="#section-2">第二部分</a></li> </ul> </div> <div class="col-xs-9"> <h2 id="section-1">第一部分</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante. Vestibulum id metus ac nisl bibendum scelerisque non non purus. Suspendisse varius nibh non aliquet sagittis. In tincidunt orci sit amet elementum vestibulum. Vivamus fermentum in arcu in aliquam. Quisque aliquam porta odio in fringilla. Vivamus nisl leo, blandit at bibendum eu, tristique eget risus. Integer aliquet quam ut elit suscipit, id interdum neque porttitor. Integer faucibus ligula.</p> <hr> <h2 id="section-2">第二部分</h2> <p>Vestibulum consectetur scelerisque lacus, ac fermentum lorem convallis sed. Nam odio tortor, dictum quis malesuada at, pellentesque vitae orci. Vivamus elementum, felis eu auctor lobortis, diam velit egestas lacus, quis fermentum metus ante quis urna. Sed at facilisis libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum bibendum blandit dolor. Nunc orci dolor, molestie nec nibh in, hendrerit tincidunt ante. Vivamus sem augue, hendrerit non sapien in, mollis ornare augue.</p> <hr> </div></div>
主要是通过<a href="#section-1"></a>
和 <div id="section-1"></div>
来决定的,具体的优化(主要指的是滚动条的scroll),下次再分享
0 0
- css+html简单的定位到指定的内容
- 简单的HTML&CSS
- html页面定位到指定位置的4种实现方式
- html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码
- 定位ListView到指定的某一个条目
- python 得到HTML指定ID的内容
- html元素的CSS定位分析
- 在指定的地方插入html内容和文本内容
- HTML+CSS基础 a标签创建一个在当前页面跳转到指定网页的超链接
- 简单的C# 保存内容到指定路径下的XML文件中方法
- 简单的读取文件内容并写到另一个指定的文件中
- html 定位到table的一行
- 使用 xpath 定位包含指定文本内容的标签
- HTML&CSS——css设置背景图定位的问题
- 关于html/css的内容第二弹
- 深入才发现,看似简单的html/css也有很丰富的内容-html4部分
- 数据库的html内容显示到页面
- 将DBGrid 当前列定位到指定的字段上
- 轮播图封装
- C++学习 【2】 数据类型和表达式
- (1.5) Trail ~ Populating the Data Model
- OpenWrt中的Hotplug脚本
- Linux内核-源码目录结构分析
- css+html简单的定位到指定的内容
- 标准html结构
- 代码审计的思路
- <html lang="en">
- 前篇:五.版本兼容性适配
- Python 线程池 最简单例子
- 内存分配及清空、调试 几种方法的总结
- Integer.getInteger和Integer.valueOf、Integer.parseInt()的比较
- 学习经历《C和指针》