Question

我正在编写一个小型应用程序，以在浏览器中显示c ++代码，并为此使用Google代码整理。根据要求，我必须滚动到特定的行号。经过一番搜索，我发现选择了节点，我可以使用以下代码段

#cd li:nth-child(<line>) {
    outline: 1px solid #f00;
}

滚动到特定行号可能是什么方式？

我尝试使用以下代码进行相同操作，但是position()返回undefined

$('#cd').scrollTop($('#cd li:nth-child(<line>)').position().top)

<html>

  <head>
    <style>
      .prettyprint ol.linenums>li {
        list-style-type: decimal;
      }

      li.L0,
      li.L1,
      li.L2,
      li.L3,
      li.L4,
      li.L5,
      li.L6,
      li.L7,
      li.L9,
      li.L8 {
        background-color: #fdf6e3;
      }
    </style>
  </head>

  <body>
    <pre class="prettyprint linenums" id="cd">
      #ifndef _ABC_HPP</a>
      #define _ABC_HPP</a>
      #include &lt;myheader.h&gt;
      #endif
    </pre>
  </body>
  <script>
    $('#cd').scrollTop($('#cd li:nth-child(3)').position().top)
  </script>

</html>

我希望在加载时，页面应滚动到给定的行号。

有没有一种方法可以自动将页面滚动到特定行号的代码，并使用google code-prettify格式化？

0 个答案: