页面中使用a-anchor,怎么使锚点随着页面的滚动而滚动，而不是自己也产生一个滚动条

要实现锚点随着页面滚动而滚动，可以使用CSS属性`position: fixed`，将锚点固定在页面上，然后使用JavaScript监听页面滚动事件，根据页面滚动的距离来调整锚点的位置。

以下是一个实现锚点随着页面滚动的示例代码：

HTML代码：

<a href="#section1" class="anchor">Section 1</a>
<div id="section1">Section 1的内容</div>

CSS代码：

.anchor {
    position: fixed;
    top: 50px;
}

JavaScript代码：

$(window).scroll(function() {
    var scrollDistance = $(window).scrollTop();
    $('.anchor').css('top', scrollDistance + 50);
});

上述代码中，将锚点的位置固定在页面上，并设置了一个初始的top值为50px。然后使用jQuery监听页面滚动事件，获取当前页面滚动的距离，并将锚点的top值设置为当前滚动距离加上一个固定的值50px。这样就能实现锚点随着页面滚动而滚动的效果。

相关问题

页面中使用a-anchor,怎么使其随着页面的滚动而滚动，而不是自己也产生一个滚动条

如果你想要实现页面中的锚点链接随着页面滚动而滚动，而不是自己也产生一个滚动条，你可以使用CSS的`position: fixed`属性来实现。下面是一个示例代码：

HTML代码：

<a href="#section1" class="anchor">Section 1</a>
<div id="section1">Section 1的内容</div>

CSS代码：

.anchor {
  position: fixed;
  top: 50px;
}

在上面的代码中，我们使用了CSS的`position: fixed`属性来将锚点固定在页面上，同时将其`top`属性设置为50px，这样就能保证锚点链接始终在屏幕顶部的位置。接下来，我们需要使用JavaScript来实现锚点随着页面滚动而滚动的效果。

JavaScript代码：

$(window).scroll(function() {
  var scrollDistance = $(window).scrollTop();
  $('.anchor').css('top', scrollDistance + 50);
});

在上面的代码中，我们使用了jQuery的`scroll()`方法来监听页面滚动事件。在滚动事件触发时，我们获取当前页面滚动的距离，并将锚点链接的`top`属性设置为当前滚动距离加上一个固定的值50px。这样就能实现锚点随着页面滚动而滚动的效果，而不是自己也产生一个滚动条。

uniapp 左右滚动条联动效果

要实现左右滚动条联动效果，你可以使用 `scroll-view` 组件来实现。下面是一个简单的示例：

<template>
  <view class="container">
    <scroll-view class="left" scroll-y="true" scroll-into-view="{{scrollIntoView}}" scroll-with-animation="{{true}}" bindscroll="onLeftScroll">
      <view wx:for="{{list}}" wx:key="{{index}}" wx:scroll-anchor="{{'item'+index}}">
        <view class="item" id="{{'item'+index}}">{{item}}</view>
      </view>
    </scroll-view>
    <scroll-view class="right" scroll-y="true" scroll-into-view="{{scrollIntoView}}" scroll-with-animation="{{true}}" bindscroll="onRightScroll">
      <view wx:for="{{list}}" wx:key="{{index}}" wx:scroll-anchor="{{'item'+index}}">
        <view class="item" id="{{'item'+index}}">{{item}}</view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      list: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'],
      scrollIntoView: '',
    }
  },
  methods: {
    onLeftScroll(e) {
      this.scrollIntoView = 'item' + Math.round(e.detail.scrollTop / 50)
    },
    onRightScroll(e) {
      this.scrollIntoView = 'item' + Math.round(e.detail.scrollTop / 50)
    },
  },
}
</script>

<style scoped>
.container {
  display: flex;
}
.left, .right {
  flex: 1;
  height: 100vh;
  overflow-y: scroll;
}
.item {
  height: 50px;
  line-height: 50px;
  text-align: center;
}
</style>

在这个示例中，我们使用两个 `scroll-view` 组件来展示同样的数据列表，同时给每个列表项一个 `id`，用于锚点定位。然后在滚动时，根据左右两个滚动条的滚动位置，计算出当前应该滚动到哪个锚点位置，然后通过 `scroll-into-view` 属性来实现滚动联动效果。注意，为了实现更平滑的滚动效果，我们还开启了 `scroll-with-animation` 属性。

以上代码示例仅供参考，具体实现方式可以根据你的具体需求进行调整。