mahdi711

اسکرول خوردن خودکار به موقعیت مورد نظر مثل سایتهای one page

22 پست در این موضوع

با سلام خدمت دوستان گرامی

اگر سایت های وان پیج دیده باشید (onepage) وقتی روی یک منو یا لینک کلیک میشه بدون رفرش شدن مجدد سایت اسکرول میخوره و میره تو همون موقعیت می ایسته.

میخواستم بدونم چطوری میتونم اینطوری کنم سایت جوملا نیست در ضمن من میخوام اسکرول افقی بخوره. باید چیکار کنم؟!

تشکر

نمونه سایت وان پیج

http://parspake.com

فقط من میخوام افقی اسکرول بخوره.

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

ایول به همگی خوب کمک کردین

لینک مشابه هم گذاشتم (لینک دومی رو میگم).کسی نیست از اساتید؟!

امین جان مسافرت قرار بود برام اوکی کنه کسی دیگه نیست کمک کنه!:78:(تایپک بیاد بالا برای دیده شدن)*

Share this post


Link to post
Share on other sites

باید به این صورت لینک بدید به منو هاتون

<div id="test"><a href="#top">menu</a></div>

#top موقعیتی هست که با کلیک روی منو به اون قسمت میره

Share this post


Link to post
Share on other sites

درست

این لینک ببینید Metromega - Responsive HTML5 Metro Template Preview - ThemeForest

این نحوه لینک دهی هست که مشکلی نیست بنده میخوام ببینم کلا باید چه کرد

مثلا رو یکی از گزینه های منو کلیک کرد (بصورت افقی اسکرول میخوره) 950pxبه سمت راست بره تو دومی 1900 و تو سومی ... ه این شکل اوکی

بازم ممنون که پاسخ دادین

Share this post


Link to post
Share on other sites

این سایت که با jquery طراحی شده و با استفاده از plugin مربوط به اسکرول

الان براتون لینک توضیحاتشو می ذارم

Share this post


Link to post
Share on other sites

یکی کمکم کنه مثل این میخوام

یکی یه صفحه بساز به 3تا آیکن در نقاط مختلف صفحه ترجیحا اسکرول افقی بعد سه تا لینک بزار روش کلیک شد اسکرول بخوره بو اون مکان (اسکرول خوردنش دیده بهش نه اینکه صفحه لود بشه تو اون موقعیت)

سپاس

Share this post


Link to post
Share on other sites

سلام

میدونم این پست برای چند سال پیشه

فقط دوستان میشه راهنمایی کنید چجوری میتونم مو قالب سایتو تغییر بدم تا بدون رفرش صفحه اسکرول بشه رو موقعیت مورد نظر

من از قالب SportDigga استفاده میکنم

من حتی نمیدونم با چه نامی سرچ کنم

لطفا بگید اگه نیاز به نصب افزونه خاصیه و یا ویرایش قالب

لطفا راهنمایی کنید

Share this post


Link to post
Share on other sites
سرچ کنید joomla scroll to anchor

سرچ کردم ولی چیری متوجه نشدم خواستم دانلود کنم دیدم تجاریه

میشه یکم توضیح بدی چجوریه کار باهاش و اینکه میشه بدون افزونه انجام داد یا نه

Share this post


Link to post
Share on other sites

ایول دارید بابا

دمتون گرم

حداقل یه قالب معرفی کنید که وسط منوهاش لوگو داشته باشه

خیلی گیرم

Share this post


Link to post
Share on other sites

بهترین راه اینه که از پلاگین Smooth Scroll جی کوئری استفاده کنی و به صورت یه فایل js به قالب اضافه کنی بعد برای هر منو یه سکشن تعریف کنی که با یه ID مشخص شده باشه مثلاً منوی درباره ما یه Section توی قالبت بساز بعد بهش این Id رو بده مثلاً #about

این کد هم برای نمایش اسکرول هست :

$(function() {
 $('a[href*="#"]:not([href="#"])').click(function() {
   if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
     var target = $(this.hash);
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
     if (target.length) {
       $('html, body').animate({
         scrollTop: target.offset().top
       }, 1000);
       return false;
     }
   }
 });
});

سوالی بود در خدمتم

Share this post


Link to post
Share on other sites

از دوستان کسی اطلاعات داره کجای قالب بذارم

یکم راهنمایی کنین

Share this post


Link to post
Share on other sites
بهترین راه اینه که از پلاگین Smooth Scroll جی کوئری استفاده کنی و به صورت یه فایل js به قالب اضافه کنی بعد برای هر منو یه سکشن تعریف کنی که با یه ID مشخص شده باشه مثلاً منوی درباره ما یه Section توی قالبت بساز بعد بهش این Id رو بده مثلاً #about

این کد هم برای نمایش اسکرول هست :

$(function() {
 $('a[href*="#"]:not([href="#"])').click(function() {
   if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
     var target = $(this.hash);
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
     if (target.length) {
       $('html, body').animate({
         scrollTop: target.offset().top
       }, 1000);
       return false;
     }
   }
 });
});

سوالی بود در خدمتم

داداش میشه بگی کدهارو کجا بذارم

یکم بیشتر راهنمایی کن

Share this post


Link to post
Share on other sites

بابا دمتون گرم یعنی هرچی سوال سخته من تو انجمن میپرسم؟؟؟!!!

تشکر

Share this post


Link to post
Share on other sites

چقدر شما اسپم زدید!

اینجا رو ببینید. از این js استفاده کنید. این راهنماش:

Attention Required! | CloudFlare

اینم دانلود

fullPage.js One Page Scroll sections Site Plugin

یه آموزش کامل برای ساخت قالب های onepage

How to Make a One Page Website - Code Planet

جی کوئری های آماده

10 jQuery Horizontal Scroll Demos & Plugins

Share this post


Link to post
Share on other sites
ببین شما قاعدتا باید برای هر منو یه قسمتی رو توی صفحه در نظر بگیری مثلاً در باره ما رو که کلیک میکنن از بالا اسکرول بخوره و به قسمت درباره ما خب ببین وقتی داری قالب رو درست میکنی باید با کدی که بالا دادم بهت اون رو متصل کنی به این قسمت ساده تر بگم لینک میشه

برای این کار بعد از این که منو رو ساختی باید بهش لینک بدی به قسمت درباره ما مثلاً

ممنونم از پاسختون

قالب قالب اماده هست باید کد رو به کدوم قسمت اضافه کنم؟؟

من تونستم یه قالب html رو اینطوری انجام بدم ولی قالب جوملا فرق داره

العان منو قالب منو پیشفرض قالب هست چجوری میشه رو این اعمال کرد

تو قالب htm دستت بازه، میتونی هم کد قالب و ببینی هم منو

ولی جوملا هر منویی که بسازی فقط تو دیتابیس میره و به وسیله css مختصات دهی میشه، اونوقت نمیشه بهش گفت کجا بره

یکم سادهتر بگید من درستش میکنم من گیرم اینجایی هست که گفتم

Share this post


Link to post
Share on other sites

سلام

من با افزونهscroll tock تونستم این کارو انجام بدم ولی یه مشکلی هست.

اونم اینه که وقتی رو منو کلیک میکنم بدون هیج افکتی موقعیت نمایش داده میشه سایت دمو این افزونم اینطوریه ظاهرا بدون جیکوری هست میخوام به صورت اروم بیاد رو موقعیت مورد نظر ولی نمیدونم چجوری

میشه یکم راهنمایی کنید

ممنون

بهترینها را برای شما ارزومندم.

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری