How to avoid anchors in iframes to scroll parent page

Question

So, here\'s the problem: I have a quite long page with an iframe in the middle. Now, if an anchor is clicked in the iframe, the entire page is scrolled to the iframe, which is w

Answer 1

Maybe it's a bug in chrome, because this issue not happen in the latest IE and Firefox.

It happended when clicked anchor in iframe, and browser try to align the anchor to the top of the window.

I solved this issue use JavaScript（jQuery）：

$('body').on('click', 'a', function(e) {
    if($(this).attr('href').startsWith('#')) {
        e.preventDefault();
    }
});

I hope it can help you & good luck!