Page scrolls to top when opening modal without # navigation about remodal HOT 7 CLOSED

You use hash tracking, you just call it without hash =). Write this to disable it:

<div class="remodal" id="modal_test" data-remodal-id="test"
     data-remodal-options='{ "hashTracking": false }'>
    <!-- load dynamic content --> 
</div>

The page scrolls back to the top, because of the native behavior of any browser. Your link has an id attribute 'test', when the hash changes to '#test', it scrolls back to the anchor with a 'test' id. By the way, it is the reason, why i've added 'data-remodal-id' instead of 'id' attribute.

from remodal.

But yes, thanks, i've tested it, it has a wrong behavior. I found that a page scrolls to the top, when closing modal, i've broken something. I will fix it soon.

from remodal.

Thanks for your fast response appreciate it, really like your plugin!

Already had disabled the hashtracking in de remodal.js file. And now using rel instead of id but still when opening the modal it scrolls back to the top not just when closing the modal.

from remodal.

OK, will be fixed.

from remodal.

In the script there is a piece of code that goes like this at the very end of this script (location.hash = "";) just add "id" in between the quotes, and it will save the current scroll position so it looks like this:
/**
* Close modal window
*/
Remodal.prototype.close = function () {
// check if animation is complete
if (this.busy) {
return;
}
this.busy = true;

    this.modal.trigger("close");

    if (this.settings.hashTracking &&
        this.modal.attr("data-" + pluginName + "-id") === location.hash.substr(1)) {
        // save current scroll position
        location.hash = "id";
    }

from remodal.

Thanks for your tip but it doesn't seem to work it just puts #id at the end of the url instead of #
i'm using the script on this website: http://stabstudio.com

from remodal.

Download: https://github.com/VodkaBears/Remodal/releases/tag/0.1.3

from remodal.