首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【第012期】如何设置页面

如何设置页面 这在活动类的页面上最常用,整个页面可能是一个超大的卖场,页面的每一段作为一个“楼层”,类似盖楼的感觉,然后页面的顶部或侧面有一组可以切换的选项,点击就会跳到不同的楼层: ?...类似图中这种页面,就可以通过点来设置。下面我们具体说一下元素。 有两种形式,都可以实现相同的效果,只是标记的方式不同。...第一种:使用 a 元素 使用 a 元素标记的位置,假设你希望某个链接打开后跳到 index_02 的位置,那么就在 index_02 的位置加一个: ?...当然,你还可以用跳到某个网页的指定位置,比如下面的链接就会跳到页面的第二处位置: http://st.midea.com/act/score/index_pc.html#a2 正常情况下,页面跳到每个时都会自动把当前位置拉到窗口最顶部...还有一种比较常见的情况,就是页面中靠下的几个,跳过去的时候可能不会自动滚到页面的顶部。 这是因为页面的长度可能已经到头了,页面的底部不会自动拉出空白,页面底部“拽”住了。

2.1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Markdown基础(内含:使用,使用HTML,新页面跳转,目录生成)

    内含:使用,使用HTML,新页面跳转,目录生成 启用方式: ?...> HTML代码 直接写HTML就可以解析: print("mmd") print("mmd") 超链接、图片、跳转...[博客园logo](https://www.cnblogs.com/images/logo_small.gif) :(不能实现的就用html实现即可) 我在正文开头定义了一个:<a name="divtop.... 3.2.2 - 无序列表3 无序列表1 1.2.1 无序列表1.1 无序列表1.2 无序列表2 3.2.1 3.2.2 3.1 3.2 有序列表1 有序列表2 有序列表3 无序列表3 目录生成就用<em>js</em>...实现了,MarkDown的方式太累 博客园上传<em>js</em>文件,然后引用即可 $(function () { // 生成目录索引列表 var mainContent = $('#cnblogs_post_body

    2.1K30

    Markdown基础(内含:使用,使用HTML,新页面跳转,目录生成)

    说下Markdown语法 逆天推荐使用VSCode编写  image.png 装这个插件写作更方便:  image.png 内含:使用,使用HTML,新页面跳转,目录生成 启用方式: H1H3(#...> HTML代码 直接写HTML就可以解析: print("mmd") print("mmd") 超链接、图片、跳转...[博客园logo](https://www.cnblogs.com/images/logo_small.gif) :(不能实现的就用html实现即可) 我在正文开头定义了一个:<a name="divtop.... 3.2.2 - 无序列表3 无序列表1 1.2.1 无序列表1.1 无序列表1.2 无序列表2 3.2.1 3.2.2 3.1 3.2 有序列表1 有序列表2 有序列表3 无序列表3 目录生成就用<em>js</em>...实现了,MarkDown的方式太累 博客园上传<em>js</em>文件,然后引用即可 $(function () { // 生成目录索引列表 var mainContent = $('#cnblogs_post_body

    6.4K110

    页面中元素的点定位

    这是我参与「掘金日新计划 · 8 月更文挑战」的第12天,点击查看活动详情 >> [点定位] 点击相应的按钮,页面滚动到相应的位置,目前我知道实现该功能的方式有两种: 使用a标签定位 使用js模拟点定位...模拟点定位] 通过js获取元素的scrollTop值,使其滚动到指定的位置,就能实现点定位效果,这里的tab切换选项,用到是的element-ui的el-tabs组件,具体实现如下: <!...{ let _this = this; //获取当前选中的index以便后面滚动高亮 this.index = parseInt(e.index); //给定一个标识,事件不触发滚动...reflow(下次会对导致页面reflow和repaint 的操作做一个总结),过度的reflow会导致页面性能下降,所以我们应该尽量减少reflow的次数,以便给用户更好的体验。

    2K70

    hash实现平滑滚动定位

    是网页制作中超级链接的一种,又叫命名记。命名记像一个迅速定位器一样,是一种页面内的超级链接 二、简单的栗子 <!...解析  访问该页面的地址:http://127.0.0.1/anchor.html(我是在本地服务器上测试的)  点击a链接1,则页面会直接跳到红色的div(1),同时,浏览器地址改变为http...三、改进过渡效果 前期理论准备 既然hash值是对应的id值,那如果改为js动态获取hash值,然后再根据hash值获得dom对象。最后,用js进行平缓过渡。  ..., // 伪dom对象 anchorScrollTop; // 伪距离页面顶部的距离 // 如果不存在伪,则直接结束 if(anchor.length < 1)...anchorScrollTop; // 伪距离页面顶部的距离 // 如果不存在伪,则直接结束 if(anchor.length < 1){

    8.6K41

    商汤SenseAR⭐五、AR云

    AR云作用 用不那么官方、可能存在偏差的方式来解读,在我理解中,AR云点起到了定位的作用。 云像Vuforia的识别图,SenseAR将识别到的一片云称作AR云。...第一台手机主机会将识别到的物体上的云上传到服务器,当另外一台手机检测到相同物体,识别出点云。识别出的云跟云上的云对比,发现是相同的,于是就确定位置了。接下来虚拟物体的位置也就确定了。...这样,多台设备根据云,完成了虚拟物体定位功能。 云的使用方法 本博客基于官方视频演讲所编写,视频上讲述的该功能,是基于SenseAR SDK,而不是packages里面的包。...1️⃣ 登陆SenseAR开发者平台,下载Unity SDK 前往SenseAR开发者平台进行下载:链接 2️⃣ 申请云Key 注册账号,登陆官网,管理中心-创建应用 3️⃣ 设置SDK示例场景 1...CloudAnchorAlgorithmMode 2、Instantia 物体填入你申请的秘钥 3、该应用为横屏,palyersettings设置横屏LandspaceLeft 4️⃣ 打包测试 1、打开应用——点击Play——识别完

    9210
    领券