Boas
tenho este código (página)
<%@ Page Title="" Language="C#" MasterPageFile="~/BTO.Master" AutoEventWireup="true" CodeBehind="btr_v2.aspx.cs" Inherits="BTO_V2.btr_v2" %> <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("#btn_part_1").click(function () { $('html, body').animate({ scrollTop: $("#Div2").offset().top }, 1000); }); $("#btn_part_2").click(function () { $('html, body').animate({ scrollTop: $("#Div3").offset().top }, 1000); }); $("#btn_part_3").click(function () { $('html, body').animate({ scrollTop: $("#Div4").offset().top }, 1000); }); }); </script> <asp:UpdatePanel runat="server" ID="up_1" UpdateMode="Conditional"> <ContentTemplate> <div id="Div1" runat="server" style=" width:100%;"> <button id="btn_part_1">Click me</button> <button id="btn_part_2">Click me</button> <button id="btn_part_3">Click me</button> </div> <div class="space"></div> <div id="Div2">Div1</div> <div class="space"></div> <div id="Div3">Div2</div> <div class="space"></div> <div id="Div4">Div3</div> <div class="space"></div> <div class="space"></div> <div class="space"></div> </ContentTemplate> </asp:UpdatePanel> </asp:Content>
A class space tem 1000px de height, para ter uma area grande para efectuar scroll.
quando clico no button 1, vai para o sitio correcto.
depois quando clico no segundo ou terceiro na faz.
Faço o refresh da página e clico no 2.º button, e vai para o local correcto mas se clicar a seguir num dos outros buttons não funciona também....
Resumo só funcionano primeiro button que se clica e na primeira vez...
Alguma ideia?