元素滚动的同时滚动另一个

Element scroll at the same time as I scroll another

本文关键字：滚动 另一个 元素      更新时间：2023-09-26

我试图使一个HTML元素(在这种情况下是一个对象)滚动在同一时间我滚动另一个元素(div)。到目前为止，我已经尝试了多种方法，但似乎无法获得我想要自动移动的元素。

下面是我尝试做这件事的几种方法;

$(document).ready(function () {
   $("canvas").scroll(function () {
      $("FrameStyle").scrollTop($("canvas").scrollTop);
   });
});
function elementOnScroll() {
    var a = document.getElementById('canvas').scrollTop;
    document.getElementById('FrameStyle').scrollTop = a;
}

这两个都没有对滚动条有任何影响，应该移动，我不知道为什么现在。

HTML: 

<asp:Literal ID="litWebsiteFrame" runat="server"></asp:Literal>
  <div id="canvas">
    <canvas id="DrawingCanvas">
      <p>
        Unfortunately, your browser is currently unsupported by our web application. We are sorry for the inconvenience. Please use one of the supported browsers listed below.
      </p>
      <p>
        Supported browsers: <a href="http://www.google.com/intl/en_uk/chrome/browser/">Chrome</a>,
        <a href="http://www.opera.com">Opera</a>, <a href="http://www.mozilla.com">Firefox</a>,
        <a href="http://www.apple.com/safari">Safari</a>, and <a href="http://www.konqueror.org">Konqueror</a>.
      </p>
    </canvas>
  </div>

字面量就是下面的html代码:

"<object data='" + qa.GetURL + "' id='FrameStyle'></object>"

您错过了选择器符号。框架样式和画布是ID。您需要使用如下脚本:

$("#FrameStyle").scrollTop($("#canvas").scrollTop);
相关文章：