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

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

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

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

تشکر

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

http://parspake.com

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

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

Metromega - Responsive HTML5 Metro Template Preview - ThemeForest

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

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

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

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

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

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

درست

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

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

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

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

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

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

HoverScroll jQuery Plugin

اینجا می تونین مثال و document اونو پیدا کنید

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

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

سپاس

سلام

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

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

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

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

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

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

سرچ کنید joomla scroll to anchor

سرچ کنید joomla scroll to anchor

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

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

کسی جواب منو نمیدونه

یعنی انقدر سوالم سخت بوده

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

دمتون گرم

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

خیلی گیرم

بهترین راه اینه که از پلاگین 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;
     }
   }
 });
});

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

سلام

یه دنیا ممنون بابت راهنمایی

متشکرم

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

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

بهترین راه اینه که از پلاگین 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;
     }
   }
 });
});

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

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

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

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

تشکر

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

اینجا رو ببینید. از این 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

سلام

یه دنیا ممنون بابت راهنمایی

متشکرم

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

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

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

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

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

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

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

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

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

سلام

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

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

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

ممنون

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