react-scroll 很好用,但我们仍然可以在 react 和tailwindcss 中使用 scroll-behavior: smooth。这是我的解决方案: 文件夹和文件 结构: App.js : import "./App.css"; import AntyHero from "./components/AntyHero"; import Footer from "./components/Footer"; import Hero from "./components/Hero"; impor...
Developed using ReactJS, ThreeJS and react three fiber, this project is a clone of Apple's iPhone 15 Pro website, built using React.js and TailwindCSS. It showcases advanced animations and 3D model rendering using GSAP (Greensock Animations) and Three.js, giving users an immersive and enga...
React Provider Component to add a smooth scroll effect. View DemoView Github Install npm install --save react-use-smooth-scroll Usage import React from 'react' import { UseEffectScroll } from 'react-use-smooth-scroll' import 'react-use-smooth-scroll/dist/index.css' const App = () => { ...
import { useEffect, useState } from 'react' import smoothscroll from 'smoothscroll-polyfill'const ScrollTopAndComment = () => { const [show, setShow] = useState(false)useEffect(() => { smoothscroll.polyfill() const handleWindowScroll = () => {if...
A responsive and dynamic shopping cart built with React and Tailwind CSS, featuring real-time price calculations with a 10% discount, quantity adjustments, and a confirmation modal for item deletion. This project demonstrates a smooth and interactive cart experience with scalable UI components. dynam...
It leverages modern web technologies to deliver real-time chat functionality, secure user authentication using Clerk Auth, and an intuitive user interface handled by Next.js, React.js, Tailwind CSS, and Shadcn.Features 🪶Real-time Chat: Engage in instant messaging with individuals or groups. ...
4 changes: 1 addition & 3 deletions 4 components/ScrollTopAndComment.js Original file line numberDiff line numberDiff line change @@ -1,12 +1,10 @@ import siteMetadata from '@/data/siteMetadata' import { useEffect, useState } from 'react' import smoothscroll from 'smoothscroll-polyfill'...