Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

hijacking internal links that are within scrollpane issue #74

Open
bmurashin opened this issue May 30, 2011 · 3 comments
Open

hijacking internal links that are within scrollpane issue #74

bmurashin opened this issue May 30, 2011 · 3 comments
Labels
Bug fix Need testing

Comments

@bmurashin
Copy link

Found an issue: if a hijacked link is inside scrollpane, clicking on it makes a correct scroll, but switching to another browser tab and back causes scrollback to that link. True at least for FF4.0.1 and IE8.

To reproduce:

  1. run a testcase (didn't found how to attach a file here, testcase text posted below)
  2. open another tab and navigate it to any page.
  3. switch to tab with testcase, click on a link outside scrollpane, switch to another tab and back - scroll stays where it suposed to be.
  4. click on a link within a scrollpane, switch to another tab and back - scrollpane scrolled back to the link clicked before.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<link type="text/css" href="http://jscrollpane.kelvinluck.com/style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" id="sourcecode">
    $(function()
    {
        $('#pane').jScrollPane(
            {
                hijackInternalLinks: true
            }
        );
    });
</script>
</head>
<body>
<a href="#para1">para1</a>
<div id="pane" style="width: 400px; height: 200px; border: 1px solid;">
    <a href="#para1">para1</a>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus eu lacus semper viverra.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus eu lacus semper viverra.</p>
    <p id="para1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus eu lacus semper viverra.</p>
</div>
</body>
</html>
@bmurashin
Copy link
Author

found a workaround:

$('#pane').find('a').click(function() {jQuery(this).blur()})

scrollback issue caused by browser behavior on overflow:true elements to scroll to focused element

@vitch
Copy link
Owner

vitch commented May 30, 2011

Thanks for the workaround. I'll investigate and try to bring a fix into the plugin soon...

@illuusio
Copy link
Collaborator

Duplicate but better than #25

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug fix Need testing
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@vitch @bmurashin @illuusio