Question

我有一个iframe，里面有几个可拖动的div。拖动项目时我希望iframe在需要时自动向上和向下滚动，但它目前只向上滚动。我已经尝试将滚动选项设置为true但是这不起作用。

iFrame页面重复以下以允许页面滚动（https://jsfiddle.net/zhm6qjaz/）：

<div class="block-style">
    Header
</div>

主页代码（https://jsfiddle.net/huLr2zkv/）：

<iframe id="editor-frame" src="https://jsfiddle.net/zhm6qjaz/show" style="height:500px; width:100%; border:none;"></iframe>
<script>$(document).ready(function() {

    $('#editor-frame').load(function (event) {

        var iframe = $('#editor-frame').contents();

        iframe.find('.block-style').draggable({
            delay: 200,
            helper: "clone",
            iframeFix: true,
            iframeOffset: $('#editor-frame').offset(),
            appendTo: 'parent.body',
            start: function (event, ui) {
                $(this).addClass('selected');
            },
            drag: function (event, ui) {
            },
            stop: function (event, ui) {
                $(this).removeClass('selected');
            }
        });

        iframe.find('.block-style', window.top.document).droppable({
            tolerance: "pointer",
            iframeFix: true,
            over: function (event, ui) {
            },
            out: function (event, ui) {               
            },
            drop: function (event, ui) {
            }
        });

    });

});</script>

我不确定还有什么可以尝试，我的猜测是这不是预期的行为，当在iframe中向下拖动它会自动滚动？

jQuery draggable不会自动滚动iframe

0 个答案: