اسکرول در بین مطالب

[rasoul mohammadkhani 85]

سلام دوستان.

سوالم اینه که چطور میشه بین مطالب مقاله اسکرول کرد.یعنی  مثلا چند تا سر تیتر رو ابتدای صفحه گذاشتیم .بعد به ترتیب اون تیتر ها رو با زیرمجموعه هاش مینویسیم.

بعد میخوایم کاری کنیم که وقتی اون بالای صفحه کسی روی سر تیتر میزنه ، صفحه خودش اسکرول کنه به سمت پایین بیاد روی مطالب عنوانی که کلیک شده روش؟

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

 

 

ویرایش شده بهمن 99 توسط rasoul mohammadkhani

[mir.seyyed 444]

در 41 دقیقه قبل، rasoul mohammadkhani گفته است :

سلام دوستان.

سوالم اینه که چطور میشه بین مطالب مقاله اسکرول کرد.یعنی  مثلا چند تا سر تیتر رو ابتدای صفحه گذاشتیم .بعد به ترتیب اون تیتر ها رو با زیرمجموعه هاش مینویسیم.

بعد میخوایم کاری کنیم که وقتی اون بالای صفحه کسی روی سر تیتر میزنه ، صفحه خودش اسکرول کنه به سمت پایین بیاد روی مطالب عنوانی که کلیک شده روش؟

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

سلام،

با بوت استرپ میشه/ با جاوا میشه/ با html خالی هم میشه.

 

ساده ترین راه:

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

برای تیتر ها هم یک href بدبد با مقدار اون id

ویرایش شده بهمن 99 توسط mir.seyyed

[mir.seyyed 444]

نمونش:

https://webgoo.ir/example/javascript/javascript-scroll-to-top-id-a.html

 

[rasoul mohammadkhani 85]

در 3 ساعت قبل، mir.seyyed گفته است :

سلام،

با بوت استرپ میشه/ با جاوا میشه/ با html خالی هم میشه.

 

ساده ترین راه:

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

برای تیتر ها هم یک href بدبد با مقدار اون id

ممنونم اقای میر سید عزیز.

حقیقتش به زبان برنامه نویسی و کد نویسی اشنایی ندارم.سرچ میکنم ببینم چطور میتونم مواردی که فرمودید رو انجام بدم.

دم شما گرم.

[mir.seyyed 444]

در 4 ساعت قبل، rasoul mohammadkhani گفته است :

ممنونم اقای میر سید عزیز.

حقیقتش به زبان برنامه نویسی و کد نویسی اشنایی ندارم.سرچ میکنم ببینم چطور میتونم مواردی که فرمودید رو انجام بدم.

دم شما گرم.

سلامت باشید،

خیلی ساده هست (شاید من پیچیده توضیح دادم)

 

شما در بخض ایجاد نوشته وردپرس، جالت کُد نویسی رو انتخاب کنید، و به این صورت بنویسید:

<a href="titr1"> عنوان سرتیر شما </a>
<a href="titr2"> عنوان سرتیر شما </a>

محتوا
.
.
.
.
.
.
.
.
.
محتوا

<p id="#titr1"> تییر شماره 1 </p>


.
.
.
.
.
.
.
.
.
محتوا
<p id="#titr2"> تییر شماره 2 </p>

 

ویرایش شده بهمن 99 توسط mir.seyyed

[rasoul mohammadkhani 85]

دم شما گرم.خیلی ممنونم.لطف کردید واقعا.