Re: 答复: target 滚动目标（与行为？）的 CSS 属性（或 JS 方法？）

(1/12/15, 12:17), Kang-Hao（Kenny）Lu（平寿） wrote:
> (1/12/15, 11:35), Hawkeyes Wind wrote:
>> 我们用的js类似，但是监听的是a标记的onclick事件，并始终return false。
> 
> 给个链接吧，多搜集一些实例，我知道有很多，不过多一个链接是一个链接……

我有个相当有说服力的例子，GitHub：

  https://github.com/v8/v8-git-mirror/blob/master/include/v8.h#L243

这个也是 JS 实现的，代码在 github-xxxxxxx.js：

  $(window).scrollTop(s.offset().top - .33 * $(window).height())

所以也有再次输入相同的地址的时候滚动到不一样位置的情形。貌似 GitHub Web
开发不太愿意用这种 Hax 提的那种 CSS hack。


以需求层面来说，这对我还挺重要的，因为我写技术博文喜欢流一些代码链接，简
单的思路当然是留函数名称的那行，读者在点击这些链接之后能滚动到能够滚动到
出现函数名称上面几行的注释感觉起来还是比较理想的。所以大概是：

 :target {
    scroll-position: 33vh;
 }

之类的。

话说回来，GitHub 这里没用 :target。他的一行的背景色貌似是用 JS 设置的，
有搞过代码高亮的知道为什么么？



以上

Kenny

Received on Wednesday, 21 January 2015 12:11:18 UTC