ওয়েব ব্রাউজার দ্বারা প্রদত্ত ডিফল্ট স্ক্রোল অ্যাঙ্করিং নিষ্ক্রিয় করতে আমরা overflow-anchor প্রোপার্টি ব্যবহার করতে পারি।
উদাহরণ
নিচের উদাহরণটি overflow-anchor প্রোপার্টির ধারণা দেবে −
<!DOCTYPE html> <html> <head> <style> body { overflow-anchor: none; } div{ display: flex; flex-direction: row; } </style> </head> <body> <div><img src="https://images.unsplash.com/photo-1613061588991- 6dd130548bc7?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb1.2.1&q=80&w=160" /> <img src="https://images.unsplash.com/photo-1612129717112- 9d1274034547?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb1.2.1&q=80&w=160" /> <img src="https://images.unsplash.com/photo-1613079936591- 8ce270890241?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb1.2.1&q=80&w=160" /> <img src="https://images.unsplash.com/photo-1612454902143- 328050834c9e?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb1.2.1&q=80&w=160" /> </div> <h2>Test overflow</h2> </body> </html>
আউটপুট
এটি নিচের ফলাফল দেবে −
