如何将此jQuery代码转换为纯Javascript (HTML Affix)？

要将jQuery代码转换为纯JavaScript，可以按照以下步骤进行：

1. 引入JavaScript库：在HTML文件中，使用<script>标签引入jQuery库的JavaScript文件。可以从jQuery官方网站（https://jquery.com/）下载最新版本的jQuery库，并将其引入到HTML文件中。

<script src="path/to/jquery.js"></script>

1. 理解jQuery代码：仔细阅读并理解要转换的jQuery代码的功能和逻辑。
2. 使用纯JavaScript实现相同的功能：根据理解的jQuery代码，使用纯JavaScript实现相同的功能。以下是一个示例，将jQuery的HTML Affix代码转换为纯JavaScript：

// jQuery代码
$(document).ready(function() {
  $(window).scroll(function() {
    if ($(this).scrollTop() > 100) {
      $('#myElement').addClass('affix');
    } else {
      $('#myElement').removeClass('affix');
    }
  });
});

// 纯JavaScript代码
document.addEventListener('DOMContentLoaded', function() {
  window.addEventListener('scroll', function() {
    if (window.pageYOffset > 100) {
      document.getElementById('myElement').classList.add('affix');
    } else {
      document.getElementById('myElement').classList.remove('affix');
    }
  });
});

在纯JavaScript代码中，我们使用document.addEventListener监听DOMContentLoaded事件，以确保在文档加载完成后执行代码。然后，使用window.addEventListener监听scroll事件，当页面滚动时执行相应的代码。通过document.getElementById获取元素，并使用classList属性来添加或移除CSS类。

请注意，这只是一个示例，具体的转换方法可能因代码的复杂性而有所不同。根据实际情况，可能需要进一步调整代码以实现相同的功能。

关于HTML Affix的概念、分类、优势、应用场景以及腾讯云相关产品和产品介绍链接地址，由于题目要求不能提及特定的云计算品牌商，无法提供相关信息。