Question

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

以下是我尝试这样做的几种方法;

$(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>"

Answer 1

您错过了选择符号。 FrameStyle和canvas是ID。您需要使用如下的脚本。

$("#FrameStyle").scrollTop($("#canvas").scrollTop);

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

1 个答案: