Tin tức

Décor chia sẽ những kiến thức sâu rộng, trong từng vấn đề công việc, chia sẽ quá trình thực hiện thi công, chia sẽ chuyên sâu những công việc thực hiện tới khách hàng.

DÉCOR YOUR REFLECTION

Thiết kế căn hộ màu Peach Fuzz

Trong thế giới nội thất, màu sắc không chỉ là yếu tố thẩm mỹ mà...

Thiết kế không gian đọc sách lý tường năm 2024 – Tận hưởng không gian tri thức

Đọc sách là một thói quen mang lại nhiều lợi ích cho tinh thần và...

Hẹn hò với không gian sống mới

Không gian sống mới mang lại lợi ích cải thiện sức khoẻ, tinh thần cho...

Không gian thiết kế nội thất phòng khách sang trọng
Thiết kế nội thất Décor – Nét đẹp hiện đại, sang trọng

Thiết kế nội thất Décor – “Your Reflection”. Xuất phát từ những sở thích, nhu...

Vệ sinh đồ gỗ đúng cách ngày tết
Vệ sinh đồ gỗ đúng cách

Vệ sinh đồ gỗ đúng cách mùa tết cho đồ gỗ thêm sáng và đẹp...

Kiến trúc hiện đại với không gian xanh
Kiến trúc không gian xanh

Kiến trúc không gian xanh – sự thoáng mát của cây xanh và nét đẹp...

Nghệ thuật chiếu sáng quán ăn sang trọng

Nghệ thuật chiếu sáng không chỉ là cách bố trí đèn đơn giản, mà là...

Phòng khách Retro hiện đại
Những lỗi khi thi công nội thất ( Phần tiếp)

Những lỗi khi thi công nội thất – Gây khó khăn khi sử dụng Những...

Nhà sân vườn đẹp - sang trọng, tân cổ điển
Mẫu nhà sân vườn đẹp có không gian sống xanh

Mẫu nhà sân vườn đẹp không gian chữa lành mang những công dụng vô cùng...

Những lỗi thường gặp khi xây nhà

Những lỗi thường gặp khi xây nhà – Chủ nhà cần lưu ý Những lỗi...

Thiết kế phòng khách mang tính đồng bộ không gian, phong cách classic sang trọng
Tính đồng bộ trong thiết kế- Nguyên tắc vàng trong thiết kế

Tính đồng bộ trong thiết kế nội thất Thiết kế nội thất là quá trình...

Vách sofa phong cách Retro cá tính
Phong cách thiết kế nội thất Retro

Định nghĩa phong cách thiết kế nội thất Retro Phong cách thiết kế Retro được...

(function () { function initDecorFloatingToc() { const holder = document.getElementById("decorFloatingToc"); const panel = document.getElementById("decorFloatingTocPanel"); const inner = document.getElementById("decorFloatingTocInner"); const fill = document.getElementById("decorFloatingTocFill"); const thumb = document.getElementById("decorFloatingTocThumb"); const article = document.getElementById("decorArticleMain"); const links = Array.from(document.querySelectorAll(".decor-floating-toc__item")); if (!holder || !panel || !inner || !fill || !thumb || !article || !links.length) return; const items = links.map(link => { const href = link.getAttribute("href"); const target = href ? document.querySelector(href) : null; return { link, target }; }).filter(item => item.target); if (!items.length) return; function syncHolderHeight() { if (window.innerWidth <= 991) { holder.style.minHeight = "0px"; return; } holder.style.minHeight = Math.max(article.offsetHeight, panel.offsetHeight) + "px"; } function moveIndicator(link) { const innerRect = inner.getBoundingClientRect(); const linkRect = link.getBoundingClientRect(); const center = (linkRect.top - innerRect.top) + (linkRect.height / 2); thumb.style.top = center + "px"; fill.style.height = center + "px"; } function setActive(item) { links.forEach(link => link.classList.remove("active")); item.link.classList.add("active"); moveIndicator(item.link); } function getCurrentItem() { const triggerY = window.innerHeight * 0.42; let current = items[0]; for (const item of items) { const rect = item.target.getBoundingClientRect(); if (rect.top <= triggerY) { current = item; } else { break; } } return current; } function updateFloatingPosition() { if (window.innerWidth <= 991) { panel.style.position = "relative"; panel.style.top = "auto"; panel.style.left = "auto"; panel.style.width = "100%"; return; } const holderRect = holder.getBoundingClientRect(); const holderTopDoc = window.scrollY + holderRect.top; const holderBottomDoc = holderTopDoc + holder.offsetHeight; const panelHeight = panel.offsetHeight; const viewportPadding = 28; const preferredTop = (window.innerHeight - panelHeight) / 2; const fixedTop = Math.max( viewportPadding, Math.min(preferredTop, window.innerHeight - panelHeight - viewportPadding) ); const desiredTopDoc = window.scrollY + fixedTop; const maxTopDoc = holderBottomDoc - panelHeight; if (desiredTopDoc <= holderTopDoc) { panel.style.position = "absolute"; panel.style.top = "0px"; panel.style.left = "0px"; panel.style.width = "100%"; } else if (desiredTopDoc >= maxTopDoc) { panel.style.position = "absolute"; panel.style.top = Math.max(0, holder.offsetHeight - panelHeight) + "px"; panel.style.left = "0px"; panel.style.width = "100%"; } else { panel.style.position = "fixed"; panel.style.top = fixedTop + "px"; panel.style.left = holderRect.left + "px"; panel.style.width = holderRect.width + "px"; } } let ticking = false; function updateAll() { syncHolderHeight(); updateFloatingPosition(); setActive(getCurrentItem()); ticking = false; } function requestUpdate() { if (!ticking) { window.requestAnimationFrame(updateAll); ticking = true; } } if (!holder.dataset.decorInit) { window.addEventListener("scroll", requestUpdate, { passive: true }); window.addEventListener("resize", requestUpdate); window.addEventListener("load", requestUpdate); links.forEach(link => { link.addEventListener("click", function () { setTimeout(requestUpdate, 180); }); }); if (document.fonts && document.fonts.ready) { document.fonts.ready.then(requestUpdate); } holder.dataset.decorInit = "true"; } requestUpdate(); } document.addEventListener("DOMContentLoaded", initDecorFloatingToc); document.body.addEventListener("experimental-flatsome-pjax-request-done", initDecorFloatingToc); })();