-2

私はこれについて多くの研究をしましたが、残念ながらどこから始めればよいのかさえ本当にわかりません。プラグイン（knobKnob.jquery.js）を使用して360度回転する2つのノブがあります。

私の目標は、それぞれのノブを回転させたときに、特定のdivを水平方向と垂直方向にスクロールできるようにすることです。

プラグインはかなりかさばるので、ここですべてを表示することはできません。私の目標はHTML5とCSS3の回転ノブを使用することですが、これを理解することはできませんでした。私を正しい方向に向ける手助けをいただければ幸いです。ありがとうございました。

4

1 に答える 1

3

かっこいいプラグインだと思うので、回転させてみることにしました。このページには、始めるためのすべてがあります。残念ながら、100％回転すると右/下までスクロールできないため、実装の最後の部分を正しく取得できません。（これはKnobKnobとは関係がなく、スクロールと要素の寸法を把握できないことと関係があります）

私はあきらめて、それをあなたともっと賢い読者に理解を任せます:)多分それはスクロールバーの厚さに関係しています。

デモを見る

$(function() {
    $('#control').knobKnob({
        snap: 10,
        value: 0,
        turn: function(ratio) {
            $("#ratio").val(ratio);
            $("#frame").scrollLeft(($("#frame")[0].scrollWidth - $("#frame").innerWidth()) * ratio);
        }
    });
    $('#control2').knobKnob({
        snap: 10,
        value: 0,
        turn: function(ratio) {
            $("#ratio2").val(ratio);
            $("#frame").scrollTop(($("#frame")[0].scrollHeight - $("#frame").innerHeight()) * ratio);
        }
    });
});​
于 2012-07-07T21:43:39.143 に答える