The Scrollxy Plugin is a versatile and user-friendly JavaScript utility that enhances web pages with advanced scrolling features. This plugin provides two main functionalities:
Transform ordinary HTML tables into horizontally scrollable ones with ease. You can customize the appearance and behavior of the scrollable tables to suit your design requirements, allowing users to navigate through large data sets effortlessly.
Enhance user experience by adding a "Back to Top" button that appears when users scroll down the page. With customizable styling options, this button provides a quick and smooth way for users to return to the page's top, improving overall navigation.
The Scrollxy Plugin simplifies the process of adding these dynamic features to your website, making it an ideal solution for improving data presentation and user interaction.
Demo Scrollxy
<table class="scrollxy">
<!-- Table content goes here -->
</table>
<script src="scrollxy.min.js"></script>
<script>
Scrollxy.scroll({
table: {
selector: ".scrollxy",
bgColor: "#f0f0f0",
leftIcon: "⇦",
rightIcon: "⇨",
scrollAmount: 250,
},
backToTop: {
bgColor: "#333",
color: "white",
icon: "↑",
}
});
</script>
<script>
Scrollxy.scrollxy({
table: {
selector: ".scrollxy",
bgColor: "#f0f0f0",
leftIcon: "⇦",
rightIcon: "⇨",
scrollAmount: 250,
}
});
</script>