重置初始键盘导航的tabindex，并且为鼠标用户重新设置scrollIntoView。

要重置初始键盘导航的tabindex，并为鼠标用户重新设置scrollIntoView，可以使用以下代码示例：

HTML:

<button tabindex="0" onclick="scrollToElement('section1')">Section 1</button>
<button tabindex="0" onclick="scrollToElement('section2')">Section 2</button>

<section id="section1">
  <h2>Section 1</h2>
  <p>This is section 1 content.</p>
</section>

<section id="section2">
  <h2>Section 2</h2>
  <p>This is section 2 content.</p>
</section>

JavaScript:

// 重置初始键盘导航的tabindex
document.addEventListener('keydown', function(event) {
  if (event.keyCode === 9) {
    event.preventDefault();
    document.documentElement.setAttribute('data-tabbing', '');
  }
});

// 为鼠标用户重新设置scrollIntoView
function scrollToElement(elementId) {
  var element = document.getElementById(elementId);
  if (element) {
    element.scrollIntoView({
      behavior: 'smooth',
      block: 'start'
    });
  }
}

CSS:

[data-tabbing] *:not([tabindex]):not([data-tabstop]) {
  pointer-events: none;
}

这个示例中的HTML包含两个按钮，当点击按钮时，会滚动到对应的section。按钮具有tabindex属性，以便可以使用键盘导航进行焦点定位。当使用Tab键进行导航时，会触发一个keydown事件，并重置初始键盘导航的tabindex。对于鼠标用户，当点击按钮时，会调用scrollToElement函数，并使用scrollIntoView将对应的section滚动到视图中。CSS部分定义了一个[data-tabbing]选择器，用于禁用所有没有tabindex属性或data-tabstop属性的子元素的鼠标事件。

请注意，这只是一个简单的示例，你可以根据自己的需求进行扩展和修改。