.scroll-sequence-section {
height: 100vh;
overflow: hidden;
position: relative;
background-color:#000000;
}
#sequenceCanvas {
width: 100%;
height: 100%;
display: block;
opacity:0.7;
}
function setVH() {
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty(‘–vh’, `${vh}px`);
}
setVH();
window.addEventListener(‘resize’, setVH);
window.addEventListener(“load”, function () {
const canvas = document.getElementById(“sequenceCanvas”);
if (!canvas) return;
const context = canvas.getContext(“2d”);
const frameCount = 239;
const images = [];
const imageSeq = { frame: 0 };
const currentFrame = index =>
`https://dhaannifarm.com/wp-content/uploads/scroll-image/frame${String(index).padStart(3,’0′)}.jpg`;
function resizeCanvas() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
function drawCover(img) {
const canvasRatio = canvas.width / canvas.height;
const imgRatio = img.width / img.height;
let drawW, drawH, offsetX, offsetY;
if (imgRatio > canvasRatio) {
drawH = canvas.height;
drawW = img.width * (canvas.height / img.height);
offsetX = (canvas.width – drawW) / 2;
offsetY = 0;
} else {
drawW = canvas.width;
drawH = img.height * (canvas.width / img.width);
offsetX = 0;
offsetY = (canvas.height – drawH) / 2;
}
context.clearRect(0, 0, canvas.width, canvas.height);
context.drawImage(img, offsetX, offsetY, drawW, drawH);
}
images[0] = new Image();
images[0].src = currentFrame(1);
images[0].onload = function () {
resizeCanvas();
drawCover(images[0]);
gsap.registerPlugin(ScrollTrigger);
for (let i = 1; i drawCover(images[imageSeq.frame])
},
onUpdate: () => drawCover(images[imageSeq.frame])
});
ScrollTrigger.refresh();
setTimeout(() => {
window.scrollTo(0, 3);
window.scrollTo(0, 0);
}, 50);
};
window.addEventListener(“resize”, function () {
resizeCanvas();
drawCover(images[imageSeq.frame]);
});
});
window.addEventListener(“scroll”, function() {
let scrollPosition = window.scrollY;
let fadeText = document.getElementById(“fade-text”);
let opacity = 1 – (scrollPosition / 300);
if (opacity < 0) opacity = 0;
fadeText.style.opacity = opacity;
});
Ancient Ayurveda.
Modern Wellness
Dhaanni Farm is a dedicated manufacturer of premium-quality jaggery and organic food products. We work directly with farmers and follow Traditional iron pan boiling & no sulphur processing.
Big Brands
Countries
Crafted the traditional way from pure, freshly extracted sugarcane juice. Made without chemicals and without shortcuts, every batch is slowly prepared to preserve its natural richness, deep aroma, and wholesome goodness — delivering authentic sweetness just as nature intended.
