vfl
3 سال پیش توسط vfl مطرح شد
3 پاسخ

زدن یه دکمه و رفتن به یک بخش از صفحه

سلام. فکر کنم در عنوان منظورو نرسونده باشم اما تو توضیحاتش میگم.
خب من یک دکمه طراحی کردم حالا میخوام لینک بدم که بره بخشی از صفحه.
مثلا تا حالا سایت هایی رو دیدید که تو بخش بالاییش مثلا بخش تماس با ما هست وقتی اون رو میزنی به صفحه دیگه ای انتقال داده نمیشه تو همون صفحه میاد پایین بخش تماس با ما.
امیدوارم منظورو رسونده باشم.
نیاز به جاوااسکریپت هستش؟


ثبت پرسش جدید
فرشید مرادی
تخصص : noob
@eniack 3 سال پیش آپدیت شد
4

@spaceandtime24
سلام ، شما ابتدا باید برای اون قسمت مورد نظرتون یک id در نظر بگیرید مثل

<div class="main" id="section1">
  <a href="#section2">لطفا کلیک کنید</a>
</div>

<div class="main" id="section2">
  <a href="#section1">لطفا کلیک کنید</a>
</div>

و برای اینکه صفحه پرش نداشته باشه و با اسکرول جا به جا بشه این کد رو داخل استایل ها قرار بدید

html {
  scroll-behavior: smooth;
}

moha li
تخصص : توسعه دهنده لاراول و Vue
@mohaligateway 3 سال پیش آپدیت شد
2

سلام دوست عزیز.
شما می تونید با اضافه کردن یک # و قرار دادن id یک قسمت خاص به اون قسمت لینک بدید.

<p>This is some content.</p>
<h2><a id="target">Some Header</a></h2>
<p>This is some more content.</p>
<a href="http://url.to.site/index.html#target">Link</a>

@spaceandtime24


فرشید مرادی
تخصص : noob
@eniack 3 سال پیش آپدیت شد
4

@spaceandtime24
سلام ، شما ابتدا باید برای اون قسمت مورد نظرتون یک id در نظر بگیرید مثل

<div class="main" id="section1">
  <a href="#section2">لطفا کلیک کنید</a>
</div>

<div class="main" id="section2">
  <a href="#section1">لطفا کلیک کنید</a>
</div>

و برای اینکه صفحه پرش نداشته باشه و با اسکرول جا به جا بشه این کد رو داخل استایل ها قرار بدید

html {
  scroll-behavior: smooth;
}

Reza
تخصص : برنامه نویس وب
@Rezanp7 3 سال پیش مطرح شد
2

کافیه برای بخش مورد نظر یک ایدی در نظر بگیرید و href تون id# باشه


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام