-1

sly.jsから水平スクロール セクションで垂直スクロールする方法。

これは私の JavaScript と HTML です。with で、<div>縦class="test"スクロールもできるようにしたいです。これはsly.jsでも可能ですか?

jQuery(function($) {
  $('#frame').sly({
    horizontal: 1,
    itemNav: 'forceCentered',
    smart: 1,
    activateMiddle: 1,
    scrollBy: 1,
    mouseDragging: 1,
    touchDragging: 1,
    releaseSwing: 1,
    swingSpeed: 0.2,
    scrollBar: $('.scrollbar'),
    elasticBounds: 1,
    dragHandle: 1,
    dynamicHandle: 1,
    clickBar: 1,
    speed: 300,
    startAt: 3,
  });
});

<body>
  <div class="scrollbar">
    <div class="handle">
      <div class="mousearea">
      </div>
    </div>
  </div>
  <div id="frame">
    <ul class="slidee">
      <li>
        <div class="test"></div</li>
          <li>
            <p>Here is some text</p>
            <img src="http://dummyimage.com/20x40/ccc/fff&text=2"></img>
          </li>
          <li>
            <p>Here is some text. If we overflow.</p>
            <img src="http://dummyimage.com/100x200/ccc/fff&text=3"></img>
          </li>
          <li>
            <p>Here is some text</p>
            <img src="http://dummyimage.com/20x40/ccc/fff&text=4"></img>
          </li>
    </ul>
    </div>
  </div>
</body>

JS Bin の例

4

1 に答える 1