| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Website (website)
• Discuss (mail) |
| Lines of code | 766 |
| Technical Name |
website_scroll_to_top |
| License | LGPL-3 |
| Website | https://www.auraodoo.tech |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Website (website)
• Discuss (mail) |
| Lines of code | 766 |
| Technical Name |
website_scroll_to_top |
| License | LGPL-3 |
| Website | https://www.auraodoo.tech |
🧠 What This Module Does
Adds a smart floating "Scroll to Top" button on your Odoo website that appears only when needed and feels smooth & modern. Built with pure JavaScript and CSS for maximum performance.
Simulated website content...
The button appears after scrolling past your configured threshold
✨ Features
Smart Visibility
Appears after configurable scroll percentage (20%, 40%, 60%, etc.)
Smooth Animation
Native smooth scrolling - no heavy JS libraries
Custom Icons
FontAwesome icon picker with multiple options
Custom Colors
Background, icon, and hover colors fully configurable
Position Control
Left or right bottom corner with margin control
Mobile Toggle
Enable or disable on mobile devices
Performance
Pure JS + CSS, loads only on website
Accessible
Keyboard navigation and screen reader support
⚙️ Configuration
Navigate to Website → Settings → Scroll To Top
| Setting | Type | Default | Description |
|---|---|---|---|
| Enable Scroll Button | Boolean | ✅ Enabled | Turn the feature on/off |
| Show After Scroll (%) | Integer | 20 | Scroll percentage before button appears |
| Button Position | Selection | Right | Left or Right bottom corner |
| Edge Margin | Integer | 20px | Distance from screen edge |
| Button Size | Integer | 50px | Size of the button |
| Icon Class | Char | fa fa-arrow-up |
FontAwesome icon class |
| Background Color | Color | #714B67 | Button background |
| Icon Color | Color | #FFFFFF | Icon color |
| Hover Color | Color | #5a3c52 | Background on hover |
| Show on Mobile | Boolean | ✅ Enabled | Display on mobile devices |
🎨 Icon Options
Popular FontAwesome icon classes:
fa fa-arrow-up |
↑ Arrow (default) |
fa fa-chevron-up |
︿ Chevron |
fa fa-angle-up |
∠ Angle |
fa fa-angle-double-up |
⟰ Double Angle |
fa fa-caret-up |
▲ Caret |
🛠️ Technical
- Dependencies: website (Odoo core)
- Performance: Uses requestAnimationFrame for smooth scroll detection
- Accessibility: ARIA labels, keyboard navigation, reduced motion support
- Compatibility: All modern browsers
Made with ❤️ for the Odoo Community
Please log in to comment on this module