4

だから私はプラグインをボディ要素に適用しようとしてきましたが、何らかの理由でうまくいきません..私が試したこと:

$(function() {
  $('body, html').slimScroll({
    size: '8px',
    width: '100%',
    height: '100%',
    color: '#ff4800',
    allowPageScroll: true,
    alwaysVisible: true
  });
});

$(function() {
  $('#body').slimScroll({
    size: '8px',
    width: '100%',
    height: '100%',
    color: '#ff4800',
    allowPageScroll: true,
    alwaysVisible: true
  });
});

誰かが私が間違っていることを知っていますか? 事前にご回答いただきありがとうございます

「body タグを制御できず、テンプレートをサード パーティのサイトに埋め込んだ場合はどうすればよいでしょうか? そのため、body には id タグがなく、view-source:avatars.imvu.com/LadyKonstantine しかありません」

4

4 に答える 4

8

ボディにスリム スクロールを適用する必要があるため、jQuery のボディ セレクターを使用する必要があります。コードは次のようになります。

    <script type="text/javascript">
      $(function(){
        $("body").slimScroll({
          size: '8px', 
          width: '100%', 
          height: '100%', 
          color: '#ff4800', 
          allowPageScroll: true, 
          alwaysVisible: true     
        });
      });
    </script>

これらを覚えておいてください

  • jQuery と slimScroll プラグインの両方がインストールされていることを確認してください。
  • 体の高さが 100% を超えると、スクロールが表示されます

  • $("body") の代わりに $("#body") を使用したい場合は、追加することを忘れないでください

    <body id="body">

詳細

ここをクリック！_ スリム スクロールの詳細については、こちらをご覧ください。

于 2014-07-03T12:45:31.910 に答える
4

私の見解では、slimScroll を Body タグに直接アタッチすることは好ましい解決策ではありません。試してみると、slimScroll が BODY タグを独自の DIV タグ内にラップしていることがわかります。少なくとも、slimScroll を BODY 要素に接続しようとしたときに、そのように見つけました。その結果、ページの HTML が完全に混乱していることがわかります。タグの並びは になりますHEAD - slimScrollDiv - BODY。代わりに、BODY タグを開いた直後に BODY 内にラッパー DIV を配置し、slimScroll をこのラッパー DIV にアタッチすることをお勧めします。

于 2016-11-03T04:10:51.790 に答える
2

SlimScroll は div 要素でのみ機能します。これを実現するには、開始 body タグの直後にメイン ラッパーを追加します。この場合、私はそれを呼びます：

HTML では:

<div id="body"></div>

次に、HTML ドキュメントの高さではなく、ビューポートの高さを計算します。完了したら、この値を slimscroll プラグインの高さに渡します。例：

JS で:

var viewportHeight= $(window).height();
$('#body').slimScroll({
    height: viewportHeight+'px',
    color: '#455A64',
    distance: '0',
    allowPageScroll: true, 
    alwaysVisible: true     
});
于 2017-07-28T05:11:59.553 に答える