'headerfixed'

This commit is contained in:
ken 2023-05-15 21:06:30 +08:00
parent 0e8c2b24bb
commit 86f7d3f838
2 changed files with 21 additions and 13 deletions

View File

@ -56,25 +56,30 @@
window.temp_scrollY = document.documentElement.scrollTop; window.temp_scrollY = document.documentElement.scrollTop;
window.temp_scrollX = document.documentElement.scrollLeft; window.temp_scrollX = document.documentElement.scrollLeft;
} }
if ($('.header-banner').html().trim() == "") {
$('.downIcon').css('display','none')
}
// if (location.href.search('editmode') == -1 && document.getElementsByClassName('asideright').length != 0) { // if (location.href.search('editmode') == -1 && document.getElementsByClassName('asideright').length != 0) {
if ( $('.header-banner').length != 0) { if ( $('.header-banner').length != 0) {
$('.layout-header').css('height', ''); $('.layout-header').css('height', '');
var scrollTop = $(window).scrollTop(); var scrollTop = $(window).scrollTop();
if (!window.has_topest_banner){ var scrollBottom = $('html').height() - $(window).height() - $('.kenjohn').height();
$('.kenjohn').removeClass('navRel').addClass('navFixed'); /* 正常選單固定效果 */ if (scrollTop>5 && scrollBottom>0) { /* 要滑動到選單的距離 */
}else if (scrollTop>5) { /* 要滑動到選單的距離 */
if (parseInt($('.layout-content').css('margin-top'))==0 && $('.layout-content.topcontent').length != 0 && $('.layout-content.topcontent').offset().top<400){ if (parseInt($('.layout-content').css('margin-top'))==0 && $('.layout-content.topcontent').length != 0 && $('.layout-content.topcontent').offset().top<400){
$('.layout-content').css('margin-top',$('.kenjohn').height()-$('#orbit-bar').height()); $('.layout-content').css('margin-top',$('.kenjohn').height()-$('#orbit-bar').height());
} }
$('.kenjohn').addClass('navFixed').removeClass('navRel'); /* 幫選單加上固定效果 */ $('.kenjohn').addClass('navFixed').removeClass('navRel'); /* 幫選單加上固定效果 */
} else {
if ($('.header-banner').html().trim() == "") {
$('.kenjohn').removeClass('navFixed').addClass('navRel');
}else{ }else{
$('.kenjohn').removeClass('navRel').removeClass('navFixed'); /* 移除選單固定效果 */ $('.kenjohn').removeClass('navRel').removeClass('navFixed'); /* 移除選單固定效果 */
}
$('.layout-content').css('margin-top',''); $('.layout-content').css('margin-top','');
} }
} }
var navFixed = $('.kenjohn.navFixed'); var navFixed = $('.kenjohn.navFixed');
window.top_barrier_height = (navFixed.length ? navFixed.height() : 0) + $('#orbit-bar').height(); window.top_barrier_height = (navFixed.length ? navFixed.height() : 0) + $('#orbit-bar').height();
fix_first_element();
} }
// 初始函數: 把所有的程式碼都包在init裡面方便在之後的jQuery ready 函數裡一次呼叫 // 初始函數: 把所有的程式碼都包在init裡面方便在之後的jQuery ready 函數裡一次呼叫
function init() { function init() {

View File

@ -510,21 +510,24 @@ ul.button-mid{
height: 1290px; height: 1290px;
} }
@media(min-width:1601px)and (max-width:1920px){ @media(min-width:1601px)and (max-width:1920px){
height: 895px; height: 1040px;
} }
@media screen and (min-width:1441px) and (max-width:1600px){ @media screen and (min-width:1540px) and (max-width:1600px){
height: 725px; height: 860px;
}
@media screen and (min-width:1440px) and (max-width:1540px){
height: 700px;
} }
@media screen and (min-width:1440px) and (max-width:1441px){ @media screen and (min-width:1440px) and (max-width:1441px){
height: 764px; height: 860px;
} }
@media screen and (min-width:1281px) and (max-width:1439px){ @media screen and (min-width:1281px) and (max-width:1439px){
height: 595px; height: 730px;
} }
@media screen and (min-width:1025px) and (max-width:1280px){ @media screen and (min-width:1025px) and (max-width:1280px){
height: 545px; height: 680px;
} }
@media (max-width:1280px){ @media (max-width:1279px){
width:100%; width:100%;
height: auto; height: auto;
max-width: fit-content; max-width: fit-content;