首页
学习
活动
专区
工具
TVP
发布

导航

导航这种功能应该很常见,早之前就分享过移动端移动端导航简单实现,配合起来就很容易实现可移动的导航,而且不是用hash模式。当然,PC端也能直接用。 先上效果: ?...this.itemOffsetTop[0].height / 2){ this.currentKey = this.itemOffsetTop[0].key; } }) }, //点击点定位...key][0].offsetTop - this.firstOffsetTop; this.animationScrollTo(document.documentElement, to); }, //点定位动画滚动...document.addEventListener('scroll', this.throttledScrollHandler); } } }; raf(moveFn); } 先判断上滑还是下滑,每次滑动距离除以...30,当作滑动的速度,这边注意一,如果滑动距离为0的情况下是要处理的,否则滚动条会卡住,之前就是一个变量判断是否大于0,结果滚动条卡住了。

2.5K10
您找到你想要的搜索结果了吗?
是的
没有找到

【第012期】如何设置页面

早在第二期,我们就介绍了链接元素,那么这一期我们就来说说页面中的。...类似图中这种页面,就可以通过点来设置。下面我们具体说一下元素。 有两种形式,都可以实现相同的效果,只是标记的方式不同。...第一种:使用 a 元素 使用 a 元素标记的位置,假设你希望某个链接打开后跳到 index_02 的位置,那么就在 index_02 的位置加一个: ?...还有一种比较常见的情况,就是页面中靠下的几个,跳过去的时候可能不会自动滚到页面的顶部。 这是因为页面的长度可能已经到头了,页面的底部不会自动拉出空白,被页面底部“拽”住了。...如果感兴趣的话,可以去观察一下百度百科,几乎都是的形式: ?

2.1K30

htmlid属性和name属性

最近对模板更新时用到了这一,举例说一下 复制代码 // a.html 点击跳转到第一个 点击跳转到第二个...需要有一个,这个就是我们要跳转到的位置。...一般情况下,我们会在目标节点上添加id属性或者name属性,这个id或者name属性的值就是我们寻找的依据,推荐使用id属性来标记(因为id能够在各种标签上使用,name属性标记时只能用在a...a标签用作时,href的值是的id值或者name值。...同一页面内的跳转时,给href赋值# + id的值或者# + name的值,需要跳转其他页面的位置时,需要在#前面加上跳转的路径,例如:href="b.html#two"

22960

车品觉:数据,传统企业的

原标题《大数据时代,传统企业该如何找到自己的?》 作者:车品觉 在中国香港,有家日料店。这家店在很短时间内风靡全港,开了多个连锁店。...生产企业最痛的,是我知道谁帮我卖,但不知道谁在买。对零售业这个问题变为:我知道谁在买,但不知道客人如何做决定的,更不知道他们用得如何,出了什么问题也不知道。...如果仅仅站在单一角度去看,很难找到数据和业务的结合。...也因此,数据优化的应该溯源于人或者机器中分析决策的每个环节,不断更新你的。 打破一个决策,首先要知道人们如何决策,以及有了新数据又如何改变决策。这两者间的区别是什么?会带来什么价值?...比如快的打车APP提高效率的关键,在于如何让司机的数据与用户的数据关联,同时如何不断交叉比对历史数据,找到最高效的匹配。这其中最关键的是如何衡量数据回流的效用,在动态中,找到新的

74420
领券