JavaScript DHTML/Window Browser/Browser Scroll
Содержание
Forcing Scrolling to Stay at the Page Top
<source lang="html4strict">
<HTML> <HEAD> <TITLE>onScroll Event Handler</TITLE> <SCRIPT LANGUAGE="JavaScript"> function scrollBack() {
window.scroll(0,0)
} function init() {
document.body.onscroll = scroll;
} </SCRIPT> </HEAD> <BODY onLoad="init()">
onScroll Event Handler
This page always zips back to the top if you try to scroll it.
<IFRAME FRAMEBORDER=0 SCROLLING="no" HEIGHT=1000 SRC="http://www.wbex.ru"></IFRAME>
</BODY> </HTML>
</source>
Scroll the window to a specified position
<source lang="html4strict">
<html> <head> <script type="text/javascript"> function scrollWindow(){
window.scrollTo(100,500)
}
</script>
</head>
<body>
<form>
<input type="button" onclick="scrollWindow()" value="Scroll">
</form>
2
</body>
</html>
</source>
Viewing the scrollLeft and scrollTop Properties
<source lang="html4strict">
/* JavaScript Bible, Fourth Edition by Danny Goodman Publisher: John Wiley & Sons CopyRight 2001 ISBN: 0764533428
- /
<HTML> <HEAD> <TITLE>Master of all Windows</TITLE> <SCRIPT LANGUAGE="JavaScript"> function leftFrame() {
var output = "<HTML><BODY>Body Scroll Values
\n"
output += "<FORM>body.scrollLeft:<INPUT TYPE="text" NAME="xOffset" SIZE=4>
\n"
output += "body.scrollTop:<INPUT TYPE="text" NAME="yOffset" SIZE=4>
\n" output += "</FORM></BODY></HTML>" return output
} function rightFrame() {
var output = "<HTML><HEAD><SCRIPT LANGUAGE="JavaScript">\n" output += "function showOffsets() {\n" output += "parent.readout.document.forms[0].xOffset.value = document.body.scrollLeft" output += "parent.readout.document.forms[0].yOffset.value = document.body.scrollTop}" output += "document.onclick = showOffsets\n" output += "<\/SCRIPT></HEAD><BODY>"output += "Scroll this frame and click on a table border to view page offset values.
" output += "
Cell 1 | Cell 2 | Cell 3 | Cell 4 | " + "Cell 5 | "
Row " + i + " | " + oneRow + "
return output
} </SCRIPT> </HEAD> <FRAMESET COLS="30%,70%">
<FRAME NAME="readout" SRC="javascript:parent.leftFrame()"> <FRAME NAME="display" SRC="javascript:parent.rightFrame()">
</FRAMESET> </HTML>
</source>