rozšírenie pevnej záhlavie, obnoví pozíciu posúvania na stránke - jquery, css3

Mám pevnú hlavičku. Keď kliknete na tlačidlo v hlavičke, mám spodný rozbaliť, aby som odhalil viac obsahu. Ak ste však už niektorú stránku posunuli, kliknutím na tlačidlo vynulujete pozíciu posúvania na začiatok stránky.

Urobil som jsfiddle demonštrovať účinok: http://jsfiddle.net/YeW9L/

$(document).ready(function () {
$(".action").click(function () {
$("#border").animate({
height: 200
}, 400);
});
});

Myslel som si, že tým, že urobím záhlavie pevné, to jeodstraňuje ho z toku obsahu. Takže nechápem, prečo by zmena výšky mala mať vplyv na zvyšok stránky. Má niekto na to riešenie? Chcel by som, aby pozícia pre rolovanie stránok ostala taká, aká je na stránke, kde ste, keď je hlavička rozbalená.

Vďaka

odpovede:

Musíte zabrániť spusteniu predvoleného ovládača kliknutí.

http://jsfiddle.net/YeW9L/1/

$(document).ready(function () {
$(".action").click(function (e) {
e.preventDefault();
$("#border").animate({
height: 200
}, 400);
});
});

Myslím, že to, čo sa deje, je, že <a> značka prepája na rovnakú stránku.

Ak tomu chcete zabrániť, môžete ho nastaviť href="javascript:void(0)" zachovať cursor: pointer; účinok, ktorý poskytuje <a> tag.

Ak to radšej nerobíte, môžete ho odstrániť href atribút úplne a jednoducho použite cursor: pointer; manuálne.

Alebo môžete jednoducho ísť s odpoveďou Ryana Pilbeama.