مشکل در نمایش پارالاکس در مرورگر کروم

این تاپیک 10 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  Hosseyn Mahmoodian ،‏ 2 سال و 1 ماه پیش .

این تاپیک تاکنون 1058 بازدید داشته است .

نویسنده پست
چهارشنبه ، ۶ خرداد ۱۳۹۴     ۴:۴۶ ب.ظ #


Hosseyn Mahmoodian

Subscriber
16 پست13 تاپیک

سلام دوستان

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

اما این کدها توسط مرورگر کروم شناخته نمیشه این هم کد هاش

section.module.parallax-2 {
background:url(../images/main-pic.jpg);
background-attachment: fixed;
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
height: 670px;
position:relative;
text-align:center;
margin-top:50px;
}

 

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
چهارشنبه ، ۶ خرداد ۱۳۹۴     ۴:۴۷ ب.ظ #


Hosseyn Mahmoodian

Subscriber
16 پست13 تاپیک

0  تشکر
چهارشنبه ، ۶ خرداد ۱۳۹۴     ۹:۰۸ ب.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

کد کامل رو بزارید تا درستشو برات بزارم.

در کل استاندارد تر از کروم تا حالا مرورگری ندیدم . احتما بخاطر vendor prefix  ها هست که این مشکل براتون پیش اومده.

0  تشکر
چهارشنبه ، ۶ خرداد ۱۳۹۴     ۹:۱۰ ب.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

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

موفق باشی

http://leaverou.github.io/prefixfree/

0  تشکر
پنج شنبه ، ۷ خرداد ۱۳۹۴     ۳:۳۵ ب.ظ #


Hosseyn Mahmoodian

Subscriber
16 پست13 تاپیک

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

این قسمت کد html

و این هم کد css

0  تشکر
پنج شنبه ، ۷ خرداد ۱۳۹۴     ۳:۴۵ ب.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

خب این چیه؟؟

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

اینطوری وقتی هیچی معلوم نیست میخوای چطوری بهت کمک کنن!

0  تشکر
پنج شنبه ، ۷ خرداد ۱۳۹۴     ۴:۰۶ ب.ظ #


Hosseyn Mahmoodian

Subscriber
16 پست13 تاپیک

جالبه وقتی کدش رو از توی قالب اصلی توی یک فایل دیگه قرار دادم درست شد

فقط نمی دونم کدوم کده که با هاش نمی خونه؟!

 

0  تشکر
پنج شنبه ، ۷ خرداد ۱۳۹۴     ۴:۰۸ ب.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

اگه خواستی قالب رو بزار تا اکی کنم برات

این چیزا طبیعیه.

0  تشکر
جمعه ، ۸ خرداد ۱۳۹۴     ۱:۲۸ ق.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

سلام. متاسفانه کلا کروم با این پارالاکس مشکل داره اگه با سی اس اس نوشته شده باشه. اگه سرچ کنی parallax bug with chrome نتیجه ها رو میتونی ببینی.

برای استفاده از پارالاکس میتونی از این پلاگین استفاده کنی که ساپرتش بهتره https://github.com/alumbo/jquery.parallax-scroll

0  تشکر
جمعه ، ۸ خرداد ۱۳۹۴     ۱۱:۲۷ ق.ظ # پاسخ تائید شده توسط سوال کننده


افشین زندی

Subscriber
101 پست8 تاپیک

درستش کردم در حد تیم ملی!!!

این فایلو جای استایل خودت بزار ببین درست شده یا ن

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

https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=fixed%20background-attachment%20not%20working

 

پیوست ها:
You must be logged in to view attached files.
1  تشکر
پست 1 تا 10 (از مجموع 11 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .