Site top bar

K

kWo_2

Registered
Значи при <a href="#top">Top</a> ме праща най-отгоре на страницата
а как ще стане да ме прати най-отдоло на страницата :)
 
If a browser cannot find a named anchor that has been specified, it goes to the top of the document. No error occurs.
Увеличете...
Т.е. и #banitza да напишеш... пак ще отидеш нагоре.
<a name="bottom">footer...
и после линка, който трябва да сочи към footera е <a href="#bottom"...
 
Аха еми аз това което ми каза да направя го знам но мислех че има начин и без него :?

с jQuery търсех ама не знам какво да напиша за да намеря такова нещо това с бавния scroll


виждал съм много сайтове и не знам как го правят :? и не се вижда в addres bara нищо
 
Ето ти jQuery плъгина, който търсиш: http://flesler.blogspot.com/2007/10/jqueryscrollto.html
И само го настройваш да ти скролва към най-долният елемент на страницата :?:
Код: 
<script>
$.scrollTo('#bottomElement', 1500);
</script>
<body>
...
<div id="bottomElement"></div>
</body>
</html>
:)
 
Ето Js- са сложи го в <head>

Код: 
<style type="text/css">

#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}

</style>

<script type="text/javascript">

/***********************************************
За KwO_2 от web-tourist :P
***********************************************/

var persistclose=0 
var startX = 30 
var startY = 5 
var verticalpos="fromtop" 

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
	barheight=document.getElementById("topbar").offsetHeight
	var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
	var d = document;
	function ml(id){
		var el=d.getElementById(id);
		if (!persistclose || persistclose && get_cookie("remainclosed")=="")
		el.style.visibility="visible"
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else{
		el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
		el.y -= startY;
		}
		return el;
	}
	window.stayTopLeft=function(){
		if (verticalpos=="fromtop"){
		var pY = ns ? pageYOffset : iecompattest().scrollTop;
		ftlObj.y += (pY + startY - ftlObj.y)/8;
		}
		else{
		var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
		ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("topbar");
	stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

Ето и html-ла

Код: 
<div id="topbar">
<a href="" onClick="closebar(); return false"><img src="close.gif" border="0" /></a>
Your content here.
</div>
 
но с плъгина на jqueryto как ще стане че е по удобен

иначе Благодаря за старанието по кода много :) оценявам го
 
kWo_2 каза:
но с плъгина на jqueryto как ще стане че е по удобен

иначе Благодаря за старанието по кода много :) оценявам го
Увеличете...

Ами според мен с jquery няма да се намери код :P
 
Аха но аз искам да не се вижда в url то
това което даде F1r3Fl3x е добре, но не мога да го нагодя :?
 
Ами в <head> слагаш това!
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js'></script>
<script type="text/javascript">
function scroll() {
$.scrollTo('#bottomElement', 1500);
}
</script>
Увеличете...
После
<a href="javascript:scroll();">Долу</a>
Увеличете...
И най-накрая на страницата
<div id="bottomElement"></div>
Увеличете...
Не съм сигурен, че ще стане! (Ако не стане моля да ме извините)
 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#down").click(function() {
$(window).scrollTo($("#footer"),800);
});
});
</script>
<button id="down"></button>
<div id="middle">spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br>spam<br></div>
<div id="footer">bottom</div>
Увеличете...
 
jQuery scrollTo Plugin
Код: 
<<script src="jquery.tools.min.js" type="text/javascript"></script>
<script src="jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script>
<a href="javascript:$.scrollTo('max',800)">Max (bottom)</a>
<a href="javascript:$.scrollTo('#green_div',800)">Green Div</a>
<div style="width: 500px; height: 700px; background: #f00;" id="red_div"></div>
<div style="width: 800px; height: 400px; background: #00f;" id="blue_div"></div>
<div style="width: 700px; height: 3000px; background: #0f0;" id="green_div"></div>
<a href="javascript:$.scrollTo('min',800)">Min (top)</a>
тествай :?:

п.с. предполагам че имаш самия jQuery за това съм дал линк само за плъгина scrollTo
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе