Javascript 只需调用函数并传递参数，就可以滚动到页面底部

这里有一个指向on CodePen的链接

您需要在附加之前分离或克隆节点，为什么要移动它们？让他们看得见。它的速度更快，速度更快cleaner@Bindrid为什么要分离或克隆？如果您将它们附加到其他位置，它们将被分离。在过去的几年中，我对此有过一些问题，但显然已经解决了。在附加节点之前，您需要分离或克隆节点，为什么要移动它们？让他们看得见。它的速度更快，速度更快cleaner@Bindrid为什么要分离或克隆？如果您将它们附加到其他位置，它们将被分离。在过去的几年里，我有过一些问题，但显然已经解决了。

echo '<div id="outside-one">';
    echo '<div class="inside" id="1"></div>';
    echo '<div class="inside" id="2"></div>';
    echo '<div class="inside" id="3"></div>';
    echo '<div class="inside" id="4"></div>';
    echo '<div class="inside" id="5"></div>';
    echo '<div class="inside" id="6"></div>';
    echo '<div class="inside" id="7"></div>';
    echo '<div class="inside" id="8"></div>';
    echo '<div class="inside" id="9"></div>';
    echo '<div class="inside" id="10"></div>';
echo '</div>';

echo '<div id="outside-two">';
    echo '<div class="inside" id="11"></div>';
    echo '<div class="inside" id="12"></div>';
    echo '<div class="inside" id="13"></div>';
    echo '<div class="inside" id="14"></div>';
    echo '<div class="inside" id="15"></div>';
    echo '<div class="inside" id="16"></div>';
    echo '<div class="inside" id="17"></div>';
    echo '<div class="inside" id="18"></div>';
    echo '<div class="inside" id="19"></div>';
    echo '<div class="inside" id="20"></div>';
echo '</div>';

<script>
    document.getElementById('outside-two').appendChild(
        document.getElementById('11')
    );
</script>

$('#outside-two').children().slice(0,5).appendTo("#outside-one");

/*
 *  Setup our variables for easier reference
 */

    var one = document.getElementById('outside-one')  // Our first parent
    var two = document.getElementById('outside-two')  // Our second parent


/*
 *  moveChildren() - function - Moves our children to the passed element
 *
 *  params - from (element) - The parent element we are moving children from
 *         - to (element) - The parent element we are moving children to
 *         - selector (string) - The selector for our children
 *         - count (number) - The amount of children to move
 */

    var moveChildren = function (from, to, selector, count) {

        /*
         *  Get our children from the parent and convert to an array so we can use slice
         */



                /******************************************************************/
                /*    [].slice.call(NodeList) - Converts a NodeList to an array   */
                /******************************************************************/



        var elements = [].slice.call(from.querySelectorAll(selector)).slice(0, count)

        /*
         *  Loop through our children and move them to their new parent
         */

            for (var e = 0; e < elements.length; e++) {

                var element = elements[e]  // Setup our element variable

                to.appendChild(element)    // Move to the new parent

            }

    }

/*
 *  Call move() with our parameters to initiate the move
 */

moveChildren(two, one, '.card', 3)