Quantcast
Channel: Fórum ASP
Viewing all articles
Browse latest Browse all 1214

Scroll buttons

$
0
0

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?


Viewing all articles
Browse latest Browse all 1214