91 lines
3.0 KiB
JavaScript
91 lines
3.0 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
// 滚动动画逻辑
|
|
const animatedElements = document.querySelectorAll('.scroll-animate');
|
|
const observer = new IntersectionObserver((entries, observer) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add('is-visible');
|
|
observer.unobserve(entry.target);
|
|
}
|
|
});
|
|
}, {
|
|
threshold: 0.1
|
|
});
|
|
animatedElements.forEach(el => {
|
|
observer.observe(el);
|
|
});
|
|
|
|
// 导航栏逻辑
|
|
const navbar = document.getElementById('navbar');
|
|
const menuToggle = document.getElementById('menu-toggle');
|
|
const mobileMenu = document.getElementById('mobile-menu');
|
|
|
|
window.addEventListener('scroll', () => {
|
|
if (window.scrollY > 50) {
|
|
navbar.classList.remove('bg-white/80', 'backdrop-blur-lg', 'shadow-sm');
|
|
navbar.classList.add('bg-white', 'shadow-md');
|
|
} else {
|
|
navbar.classList.remove('bg-white', 'shadow-md');
|
|
navbar.classList.add('bg-white/80', 'backdrop-blur-lg', 'shadow-sm');
|
|
}
|
|
});
|
|
|
|
menuToggle.addEventListener('click', () => {
|
|
mobileMenu.classList.toggle('hidden');
|
|
menuToggle.querySelector('i').classList.toggle('fa-bars');
|
|
menuToggle.querySelector('i').classList.toggle('fa-close');
|
|
});
|
|
|
|
// 模态框逻辑
|
|
const modal = document.getElementById('solution-modal');
|
|
const modalTitle = document.getElementById('modal-title');
|
|
const modalContent = document.getElementById('modal-content');
|
|
const modalCloseBtn = document.getElementById('modal-close-btn');
|
|
const saasCards = document.querySelectorAll('.saas-card');
|
|
|
|
saasCards.forEach(card => {
|
|
card.addEventListener('click', (e) => {
|
|
e.preventDefault();
|
|
|
|
const title = card.dataset.title;
|
|
const content = card.dataset.content;
|
|
|
|
modalTitle.textContent = title;
|
|
modalContent.innerHTML = content;
|
|
|
|
modal.classList.remove('hidden');
|
|
modal.classList.add('open');
|
|
document.body.style.overflow = 'hidden';
|
|
});
|
|
});
|
|
|
|
function closeModal() {
|
|
modal.classList.add('hidden');
|
|
modal.classList.remove('open');
|
|
document.body.style.overflow = '';
|
|
}
|
|
|
|
modalCloseBtn.addEventListener('click', closeModal);
|
|
modal.addEventListener('click', (e) => {
|
|
if (e.target === modal) {
|
|
closeModal();
|
|
}
|
|
});
|
|
|
|
// 监听滑动，隐藏政策引导箭头
|
|
const pContainer = document.getElementById('policy-container');
|
|
const pHint = document.getElementById('policy-hint');
|
|
|
|
if (pContainer && pHint) {
|
|
pContainer.addEventListener('scroll', function() {
|
|
if (pContainer.scrollLeft > 25) {
|
|
pHint.style.opacity = '0';
|
|
setTimeout(() => {
|
|
pHint.style.display = 'none';
|
|
}, 500);
|
|
}
|
|
}, {
|
|
passive: true
|
|
});
|
|
}
|
|
}); |