طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس

حرکت اسکرول با درگ ماوس

با استفاده از این پلاگین می توانید  با درگ ماوس ، اسکرول را به بالا و پایین بیاورید .

آموزش استفاده

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

    <script type="text/javascript" src="iscroll.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript">
        var myScroll;

        function loaded() {
            myScroll = new IScroll('#wrapper', {
                scrollbars: true,
                mouseWheel: true,
                interactiveScrollbars: true,
                shrinkScrollbars: 'scale',
                fadeScrollbars: true
            });
        }
        document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
    </script>

2-  کد html جهت استفاده پلاگین

<body onload="loaded()">
<div id="header"><a style="color:#fff;" href="http://ijquery.ir">دنیای جی کوئری</a></div>
<div id="wrapper">
	<div id="scroller">
		<!-- کد های اصلی صفحه -->
	</div>
</div>
<div id="footer"><a style="color:#fff;" href="http://ijquery.ir">دنیای جی کوئری</a></div>
</body>

 

نظر دهید

دانلود و پیش نمایش

دانلود و پیش نمایش فایل حرکت اسکرول با درگ ماوس

دانلود پلاگین پیش نمایش آنلاین

سوالی دارید؟

● در تلگرام، پاسخگوی شما :)