문제

양식을 제출 한 후 위치는 창 상단으로 돌아갑니다. 이전 위치로 이동하는 대신.

Scrolltop을 사용하여 Positon을 기억하거나 더 나은 아이디어가 있습니까?

PHP5, JQuery 및 MySQL과 같은 물건을 사용하고 있습니다.

도움이 되었습니까?

해결책 2

이것 좀 봐:

<script type="text/javascript" src="der/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="der/jquery.cookie.js"></script>
<script type="text/javascript">
function get_position(){
    var top_position = document.documentElement.scrollTop;
    $.cookie('pos', top_position);
};
function set_position(){
    var top_position = $.cookie('pos');
    window.scrollTo(0,top_position)
    $.cookie('pos', null);
};  
</script>
</head>
<body onload="set_position();">
.
.
.
<form method="post" action="" onsubmit="return get_position();">
</form>

다른 팁

먼저 방문자가 양식을 제출할 때 방문자가 가기를 원하는 페이지에 앵커를 만듭니다.

그런 다음 양식 조치 또는 앵커로 파일로 리디렉션 지점에서

예를 들어

 <div id="view_from_here" >.....

그 다음에

 <form action="myfile.php#view_from_here" ....

Ajax를 통해 양식을 제출하면 아무것도 변경하지 않습니다 (어쨌든 같은 페이지로 리디렉션하는 경우 옵션 일 수 있습니다). 새 페이지가로드 될 때 (예 : jQuery scrollto)를 제출하고 검색하고 설정하기 전에 JavaScript를 통해 쿠키에 위치를 저장할 수 있습니다. 또는 양식 필드에 앵커를 설정하고 (사용자가 스크롤 한 마지막 위치 일 가능성이 높음) 제출 후 양식으로 다시 스크롤합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top