unid_user

sticky
مشکل با position و sticky

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

سلام و درود

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

.sidebar {
    position: sticky;
    top: 10px;
}

با تشکر و سپاس 

0

به اشتراک گذاری این پست


لینک به پست

کد زیر رو پیدا کردم ولی موقع اسکرول کردن رو به پایین سایدبار کوچیک میشه. لطفا راهنمایی کنید.

$(window).scroll(function() {
      if ($(window).scrollTop() >= 200) {
          $(".sidebar").css({"position": "fixed", "top" : "10px" });
      } else {
          $(".sidebar").css({"position": "static", "top" : "auto" });
      }
  })

 

0

به اشتراک گذاری این پست


لینک به پست

up

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط hedie
      سلام به همه
      میخوام یه column ای که داخلش یه عکس و یه متن و بکگراند داره رو به سمت راست صفحه ام ثابت کنم
      مشابه سایدبارهای ثابتی که وجود داره
      پلاگینهایی دیدم که برای ثابت کردن سایدبار استفاده میشه اما هیچ کدوم یه col رو ثابت نمیکنه
      و این column ها در هر برگه متفاوته
      از کد position:fixed; که استفاده میکنم روی فوترمم میارتش
    • توسط unid_user
      سلام و درود
      دوستان گرامی کسی میدونه چرا position: sticky کار نمیکنه؟
      با تشکر و سپاس