0

スクロール機能を実装するために、コメント ボックスを実装し、perfect-scrollbarプラグインを使用しています。angularを使用して構築されたページをロードするたびに、コメントボックスの内側にダミーのコメントテキストが表示されます。同じコントローラ内$timeoutで 500 ミリ秒を設定し、コメント ボックスのスクロールバーを初期化する関数を呼び出します。スクロール機能は動作しますが、正しく動作しません。スクロールバーが表示されず、コメント ボックスがコンテンツの 2 倍の高さまでスクロールして、コメントの最後に到達し、まだスクロールできる空白スペースがあるようにします。

jsfiddle 内で問題を再現しようとしましたが、すべて問題なく動作します。これが私のフィドルです。これが私のアプリのヘッド部分です

<head>
  <script src="scripts/angular.min.js" type="application/javascript"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.3/css/perfect-scrollbar.min.css" type="text/css"></link>
  <script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.3/js/min/perfect-scrollbar.min.js"></script>
  <link href="appDetails.css" type="text/css" rel="stylesheet"></link>
  <script src="appDetails.js" type="application/javascript" ></script>
</head>

スクロールバーを初期化する呼び出しを実行する JavaScript ファイルは、フィドルとまったく同じに見えます。

ブラウザでテストを実行したり、実行されている正確なコードを調べたりしたい場合は、Google ドライブのコピーへのhtml ファイルリンクを使用してください。

4

1 に答える 1

1

CSS がファイルに適切にperfect-scrollbar取り込まれていないため、Y スクロールバーが本来あるべきではなく、コンテンツの下部に固定position: absoluteされています。CSS が外部リソースとして明示的に追加されているため、フィドルで機能します。

ブラウザがスタイルとして解釈するように、タグに追加rel="stylesheet"する必要があります。<link>

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.3/css/perfect-scrollbar.min.css">
于 2015-07-17T15:23:54.780 に答える