مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

sryzd@yahoo.com

عضویت از 1394/04/21

Plagin با زبان Jquery برای Scroll

  • شنبه 27 تیر 1394
  • 18:49
تشکر میکنم

 با سلام خدمت دوستان عزیز ، عیدتان مبارک

من چند پلاگین برای اسکرول نیاز دارم در سایت http://plugins.jquery.com جستجو کردم اما پلاگین خوبی  را نیافتم ازتون ممنون میشوم اگر کمکم کنید به مشکل بر خوردم . کمکم کنید با تشکر

پلاگین می خواهم که مثلا با کلیک روی دکمه اسکرول با حرکاتی زیبا به ابتدا سایت مراجعه کند.

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • دوشنبه 29 تیر 1394
  • 09:22

به مثال زیر توجه کنید :

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Scroll To Top by jQuery</title>
    <script src="/Scripts/jquery-2.1.4.min.js"></script>
    
</head>
<body>
        <div>
            <h1>بالای صفحه</h1>
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <h1>وسط صفحه</h1>
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <h1>پایین صفحه</h1>

            <a href="#top">بالای صفحه </a>

        </div>
        <script type="text/javascript">
            $("a[href='#top']").click(function () {
                $("html, body").animate({ scrollTop: 0 }, "slow");
                return false;
            });
    </script>
</body>
</html>

نکته مهم اینه که حتما فایل jQuery به صفحه اضافه شده باشه و کد #top به href تگ a اضافه شود.

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)