Curious about switching?

Get the facts, explore the features and find your perfect Galaxy phone. Switching has never been easier.

Galaxy Guide

Hello! I’m an automated chatbot here to answer all things about Samsung. Start a conversation below or select a commonly asked question. Remember, please do not share any personal or sensitive information.

How do I transfer my data? Which phone should I get? What are the tradeoffs? Can I trade in my iPhone?

Galaxy Guide is powered by artificial intelligence and is not operated by a human.

This conversation will be recorded and retained to improve support. For more information, visit our Terms of Service and Privacy Policy.

`; document.getElementById('backBtn').onclick = function () { showModal1(); }; document.getElementById('yesBtn').onclick = function () { modal.style.display = 'none'; overlay.style.display = 'none'; enableInput(); }; document.getElementById('noBtn').onclick = function () { showModal2(); }; } showModal1(); modal.onclick = function (event) { if (event.target === modal) { } }; document.getElementById('termsPrivacyLink').onclick = function (e) { e.preventDefault(); showLegalModal2(); }; document.getElementById('termsPrivacyLink2').onclick = function (e) { e.preventDefault(); showLegalModal(); }; }); //scrollbar document.addEventListener('DOMContentLoaded', () => { const container = document.querySelector('.trending-container'); const thumb = document.querySelector('.custom-scrollbar-thumb'); const scrollbarContainer = document.querySelector('.custom-scrollbar'); let isDraggingThumb = false; let startX; let startThumbLeft; let isDraggingContainer = false; let containerStartX; let containerScrollStart; function updateScrollbar() { const scrollLeft = container.scrollLeft; const maxScrollLeft = container.scrollWidth - container.clientWidth; const scrollPercentage = maxScrollLeft > 0 ? scrollLeft / maxScrollLeft : 0; const scrollbarWidth = scrollbarContainer.clientWidth; const thumbWidth = thumb.clientWidth; const maxThumbMove = scrollbarWidth - thumbWidth; thumb.style.transform = `translateX(${scrollPercentage * maxThumbMove}px)`; } thumb.addEventListener('mousedown', (e) => { isDraggingThumb = true; startX = e.clientX; const style = window.getComputedStyle(thumb); const matrix = new DOMMatrixReadOnly(style.transform); startThumbLeft = matrix.m41; document.body.style.userSelect = 'none'; }); document.addEventListener('mousemove', (e) => { if (isDraggingThumb) { const deltaX = e.clientX - startX; const newThumbLeft = startThumbLeft + deltaX; const scrollbarWidth = scrollbarContainer.clientWidth; const thumbWidth = thumb.clientWidth; const maxThumbMove = scrollbarWidth - thumbWidth; const constrainedThumbLeft = Math.max( 0, Math.min(newThumbLeft, maxThumbMove) ); thumb.style.transform = `translateX(${constrainedThumbLeft}px)`; const scrollPercentage = constrainedThumbLeft / maxThumbMove; const maxScrollLeft = container.scrollWidth - container.clientWidth; container.scrollLeft = scrollPercentage * maxScrollLeft; } const rect = scrollbarContainer.getBoundingClientRect(); const extendedRect = { left: rect.left - 20, right: rect.right + 20, top: rect.top - 20, bottom: rect.bottom + 20, }; if ( e.clientX >= extendedRect.left && e.clientX <= extendedRect.right && e.clientY >= extendedRect.top && e.clientY <= extendedRect.bottom && e.target !== thumb ) { document.body.style.cursor = 'pointer'; } else if (!isDraggingContainer) { document.body.style.cursor = ''; } if (isDraggingContainer) { const delta = e.clientX - containerStartX; container.scrollLeft = containerScrollStart - delta; } }); document.addEventListener('mouseup', () => { if (isDraggingThumb) { isDraggingThumb = false; document.body.style.userSelect = ''; } if (isDraggingContainer) { isDraggingContainer = false; document.body.style.cursor = ''; document.body.style.userSelect = ''; } }); document.addEventListener('mousedown', (e) => { if (e.target === thumb) return; const rect = scrollbarContainer.getBoundingClientRect(); const extendedRect = { left: rect.left - 20, right: rect.right + 20, top: rect.top - 20, bottom: rect.bottom + 20, }; if ( e.clientX >= extendedRect.left && e.clientX <= extendedRect.right && e.clientY >= extendedRect.top && e.clientY <= extendedRect.bottom ) { const thumbRect = thumb.getBoundingClientRect(); const thumbCenterX = thumbRect.left + thumbRect.width / 2; if (e.clientX < thumbCenterX) { container.scrollLeft -= container.clientWidth; } else { container.scrollLeft += container.clientWidth; } } }); container.addEventListener('mousedown', (e) => { if (e.target.closest('a, button')) return; isDraggingContainer = true; containerStartX = e.clientX; containerScrollStart = container.scrollLeft; document.body.style.cursor = 'grabbing'; document.body.style.userSelect = 'none'; }); container.addEventListener('scroll', updateScrollbar); window.addEventListener('resize', updateScrollbar); updateScrollbar(); }); const infoContainer = document.querySelector('.info-container'); const dots = document.querySelectorAll('.dot'); const slides = document.querySelectorAll('.info-box'); function scrollToSlide(index) { slides[index].scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest', }); updateDots(index); } function updateDots(activeIndex) { dots.forEach((dot, index) => { if (index === activeIndex) { dot.classList.add('active'); } else { dot.classList.remove('active'); } }); } dots.forEach((dot) => { dot.addEventListener('click', (e) => { const index = Number(e.target.getAttribute('data-index')); scrollToSlide(index); }); }); infoContainer.addEventListener('scroll', () => { let activeIndex = 0; slides.forEach((slide, index) => { const rect = slide.getBoundingClientRect(); if (rect.left >= 0 && rect.left < window.innerWidth / 2) { activeIndex = index; } }); updateDots(activeIndex); });