:nth-child选择器

刚接触到CSS的:nth-child伪类选择器的时候，也是晕头转向的，搞不清楚“:nth-child(n) 选择器选择的是其父元素中的第 n 个子元素,而且元素没有类型限制”这句话是什么意思。后来，经过资料的搜寻和不断的实例尝试，终于有些思路和头绪了，今分享于此，仅为个人理解，仅供参考。

编辑导语：在上下滚动页面时，除了出现吸顶，还会出现吸底、锚点等情况，那么这些都是在滚动页面时需要注意的控件。本文作者结合最近工作中的实际项目，对于滑动时的吸顶、锚点规则方式的总结心得，一起来学习下吧。

上下滚动页面时，除了出现吸顶，还会出现

IT之家3月11日消息 微软已经确认Edge浏览器将转投Chromium，后者是支持谷歌为发展自家Chrome而启动的开源项目。在这之后，微软就开始为Chromium做出贡献，并开始把自家的一些功能带到Chrome浏览器上。

IT之家3月11日消息 据Thurrott的发现，微软正在为Chrome浏览器添加一项新功能，解决其在滚动上的问题。相关的代码已经提交至Chromium Gerrit平台，以及GitHub上。

在谷歌产品论坛上，微软工程师对这一功能的描述为：

ASP是动态服务器页面(ActiveServerPage)的英文缩写。是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp。现在常用于各种动态网站中。

我们在写asp页面的时候，常常使用include命令来包含公共文件。由于这个方法用起来非常方便，于是很多人在html页面里尝试使用include，但是发现根本就不起作用。这是因为，include是VBScript的命令，因此可以在asp页面里使用。而HTML静态页面被调用的时候并不经过asp解释器，而是直接发送到用户浏览器，因此include命令就无效了。

你好世界！！！

我希望你快乐地享受你的一天。

对于那些想自己构建 CMS 的人，您可以为代码块设置样式。 有人可能想使用库，这非常棒。 但是，我想举一个简单的例子，使用纯 HTML/CSS 来获得相同的结果（在特定的期望水平上）。

术语简介

CSS属性值函数（CSS value functions），是调用特殊数据处理或计算后返回

var positionTop = 0, //位置为0
  screenPage = 0, //显示第一屏幕
  currentScrollTop =
    document.documentElement.scrollTop || document.body.scrollTop,
  currentNum = 0,
  scrollTimer = null;
function vsSideBarFixed() {
  //滚动吸顶
  var $activeSideBar = $("#hostvs");

  var navTop = 0;
  if ($activeSideBar[0]) {
    navTop = $activeSideBar.offset().top;
  }
  $(document).scroll(function () {
    clearTimeout(scrollTimer);
    currentNum = 0;
    var scrolltop =
      document.documentElement.scrollTop || document.body.scrollTop;
    // 完善
    if ($("#hostvs").length > 0 && $("#headernav .ajaxcontent").length <= 0) {
      $("#headernav").append(
        `<div class="PageHeader-ajax">${$("#hostvs").html()}</div>`
      );
    }
    if ($("#navSearchInp").length > 0) {
      $("#navSearchInp").trigger("blur");
      $(document)
        .find("#headernav")
        .addClass("navhidden")
        .removeClass("navOpacity");
    }
    if (scrolltop > navTop) {
      $(document)
        .find("#headernav")
        .addClass("is-hidden")
        .find(".PageHeader-ajax")
        .addClass("is-shown");
    } else {
      $(document)
        .find("#headernav")
        .removeClass("is-hidden")
        .find(".PageHeader-ajax")
        .removeClass("is-shown");
    }

    //设置定时器
    scrollTimer = setInterval(function () {
      //判断是否停止滚动
      if (scrolltop == currentScrollTop && currentNum <= 5) {
        // console.log("滚动条已停止");
        $(document)
          .find("#headernav")
          .removeClass("navhidden")
          .addClass("navOpacity");
      }
      //更新位置
      currentScrollTop = scrolltop;
      // console.log(`${currentScrollTop}----${scrolltop}`);
    }, 500);
  });
}
$(function () {
  vsSideBarFixed(); //吸顶效果
});

据外媒报道，微软终于有了一个可以让用户舒心使用的浏览器，这家软件巨头公司正在为Chromium平台做出积极贡献。这一工作给Edge和Chrome也都带来了帮助，与此同时，这家公司还在进行其他一些改进。据悉，微软一直在Windows 10 Chromium上开发基于“百分比”的滚轮。

微软表示，基于Chromium的浏览器如Crhome会将滚轮的一个点击转换成一个固定的像素值。在Windows上，一个鼠标滚轮的滴答声相当于100个像素，在较小的滚动块上就会产生问题。