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

[mahdi711 13]

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

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

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

تشکر

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

http://parspake.com

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

[mahdi711 13]

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

Metromega - Responsive HTML5 Metro Template Preview - ThemeForest

[mahdi711 13]

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

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

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

[mmfallah 67]

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

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

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

[mahdi711 13]

درست

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

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

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

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

[ebiramrb 10]

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

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

[ebiramrb 10]

HoverScroll jQuery Plugin

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

[mahdi711 13]

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

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

سپاس

[parsrayaneh 10]

سلام

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

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

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

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

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

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

[Masood Ashoori 232]

سرچ کنید joomla scroll to anchor

[parsrayaneh 10]

سرچ کنید joomla scroll to anchor

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

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

[parsrayaneh 10]

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

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

[parsrayaneh 10]

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

دمتون گرم

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

خیلی گیرم

[r.dehshahri 11]

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

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

[parsrayaneh 10]

سلام

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

متشکرم

[parsrayaneh 10]

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

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

[parsrayaneh 10]

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

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

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

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

[parsrayaneh 10]

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

تشکر

[Mahboobe.Maleki 53]

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

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

[r.dehshahri 11]

سلام

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

متشکرم

[parsrayaneh 10]

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

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

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

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

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

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

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

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

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

[parsrayaneh 10]

سلام

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

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

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

ممنون

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