Scroll to bottom of a list edit form dialog box in SharePoint 2013

Question

I have a SharePoint list. And there are 2 views in this list named 'View 1' and 'View 2'. I've set 'Launch forms in a dialog' option to 'Yes' in list settings.

I'm editing the list by clicking on 'edit this list'. See below screenshot:

Now when I click on 'Item 1' as shown in above picture, the below dialog box opens:

What I want is to go to bottom of this dialog box on click of 'Item 1' or 'Items 2' and so on and only for 'View 1' and not for 'View 2'.

I tried adding below script on the edit form but it didn't work:

$(window).load(function ()
{
    var $contents = $("iframe").contents();
    $contents.scrollTop($contents.height());
});

Any suggestions how to achieve this ?

Answer 1

hope this serves your need.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
    var scrolled = 0;
    $(document).ready(function() {

        scrolled = scrolled + 400;

        jQuery(".ms-core-overlay").animate({
            scrollTop: scrolled
        });
    });
</script>

I did this work around from this link.. http://jsfiddle.net/xEFq5/10/

Answer 2

can you please try this sharepoint UI dialog using javascript code by giving particular Url in place of options.url

<script type="text/javascript">
    $(document).ready(function() {
        OpenAssetPortalBrowserDialog();

    });

    function OpenAssetPortalBrowserDialog() {

            var clientContext = new SP.ClientContext(_spPageContextInfo.siteServerRelativeUrl);
            Web = clientContext.get_web();
            clientContext.load(Web);
            clientContext.executeQueryAsync(function() {
                var options = SP.UI.$create_DialogOptions();
                options.url = "Give your URL Here";
                options.dialogReturnValueCallback = Function.createDelegate(this, CloseAssetPortalBrowserCallback);
                SP.UI.ModalDialog.showModalDialog(options);
            }, function() {
                alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
            });

            function CloseAssetPortalBrowserCallback(result, target) {
                // to do on popup close

            }
</script>

Answer 3

The below is the complete answer:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
    var scrolled = 0;
    $(document).ready(function() {
        var editItemURL = window.location.href;
        var viewURL1= "URL of the view for which you want to scroll to bottom";
        if(editItemURL.indexOf(viewURL1) !== -1)
        {
            scrolled = scrolled + 2000;
            jQuery(".ms-core-overlay").animate({
                scrollTop: scrolled
            });
        }
    });
</script>