سلام مجدد.
در خصوص اون مشکلی که قبلا گفتید با اینکه پاپ آپ رو نشون نمیده باز هم اسکرول قفل شده، یه مشکل توی جاوا اسکریپت بود که توی نسخه جدید گوگل کروم به وجود اومده.
یه مقدار دستکاری کردم کد جاوا اسکریپت رو.
تغییراتی که داده شده یکی این کد هست که کلس مخفی کردن اسکرول با نمایش اسکرول جایگزین میکنه. قبلا کدش بود ولی کامل نبود:
document.body.className = document.body.className.replace("popupopened","popupcls");
تغییر بعدی ادیت و جابجایی محل قرارگیری این کد توی فایل Html هست:
<script type="text/javascript">
function codeAddress() {
if(sessionStorage["PopupShown"] = 'yes'){
$('#lightWindow').hide();
$('.popupDef').hide();
document.body.className = document.body.className.replace("popupopened","popupcls");
}
}
window.onload = codeAddress;
</script>
یک خط دستور استایل هم توی فایل html اضافه شد. محل قرارگیری این دستور مهمه.
.popupcls {overflow: auto !important;}
شفیعی من میخوام زمانی که قسمت آبی رنگ تمام شد این اتفاق بیفته ( یعنی کمی بیشتر اسکرول شد)
برای این قسمت خود قالب جاوا اسکریپت داره که کافیه عدد همونو تغییر بدیم و نیاز به کد جدیدی نیست. به صورت پیش فرض جوری کدنویسی شده بود که بعد از 300 پیکسل اسکرول، اون منوی بالا به بالا چسبیده بشه. می تونیم این رقم رو روی 700 یا 750 پیکسل تنظیم کنیم که وقتی اون قسمت آبی رنگ رو رد کرد بچسبه.
توی پوشه js فایلی به نام main.js
هست که این کد زیر داخلشه:
// Sticky Navbar
$(window).scroll(function () {
if ($(this).scrollTop() > 750) {
$('.sticky-top').addClass('shadow-sm').css('top', '0px');
} else {
$('.sticky-top').removeClass('shadow-sm').css('top', '-100px');
}
});
// Back to top button
$(window).scroll(function () {
if ($(this).scrollTop() > 750) {
$('.back-to-top').fadeIn('slow');
} else {
$('.back-to-top').fadeOut('slow');
}
});
$('.back-to-top').click(function () {
$('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
return false;
});
دو عدد 750
می بینید. اون قسمت و عدد اول مربوط به منوی بالا میشه و اون 750 دومی مربوط به کلید دایره ای بازگشت به بالای صفحه هست. می تونید هر دو رو همزمان نمایش بدید. قبلا هر دو عددشون 300 بود.
پروژه شما با اعمال تغییرات این پاسخ رو پیوست کردم: