1.react滚动条滚动到顶部：
document.getElementById("root").scrollTo({ top: 0, behavior: "smooth"});
2. react 返回事件
back = () => { this.props.history.goBack() }
3. react 图片
<img src={require(`../../../../assets/img/train_space/fangan${i + 1}.png`)} alt="" />
4.react动态添加class
<p className={`screen-item ${FlagVisible ? "screen-active" : ""}`}>动态添加class</p>
react移动端页面滚动到固定位置显示对应DOM
前言：需求如果进入页面列表标题可见则显示购物车图标，否则监听页面滚动到列表标题显示再显示购物车图标；；
1 . 样式效果如下：在这里插入图片描述
2 . 事件代码片段
constructor(props) {
super(props)
this.state = {
cartNum:0,//购物车数量
cartBarShow:{display:'none'},//购物车i
核心代码如下：
<ScrollView showsVerticalScrollIndicator={false} contentContainerStyle={styles.container}
//下拉刷新 ,有 ScrollView 需要加载ScrollView，无则加...
导入然后在渲染/返回函数中的任何位置包含<ScrollToTop> ：
import ScrollToTop from "react-scroll-to-top" ;
function CoolPage ( ) {
return (
< ScrollToTop>
< h1> Hello, world! < / h1 >
< / div >
Struts
是否使用平滑滚动*
页面滚动后的高度可见
SVG图标填充颜色
在使用react-router-dom时，我们经常会遇到路由切换时滚动到浏览器顶部的问题。
滚动到顶部 Scroll to top
很多时候我们需要的是滚动到顶部“Scroll to top”，因为发现好像所有的单页面都有一个通病，就是页面进行跳转时，当前所在的位置和你上个界面所在的位置一样，显然这样对于用户来说体验不是很好。
我们可以使用使用一个<ScrollToTop&...
使用React-Double Scrollbar的最简单方法是从NPM安装它并将其包含在您自己的构建中。
npm install react - double - scrollbar -- save
您还可以通过在页面中包含dist/DoubleScrollbar.js来使用独立版本。
麻省理工学院
v0.0.15
在使用react-router时会遇到奇怪的问题，比如当我们从首页进入详情页的时候，首页跳转到详情页，首页滚动的位置，进入到详情页的时候也会被记录下来，原因是由于共享了同一个history，所以对记录有所保留，这显然不符合我们的浏览习惯。
总结种解决方案：
<Router xss=removed> window.scrollTo(0, 0)} history={hashHistory}>
<Route path=/ component={>
</Router>
class Protol extends React.Component {
constr
Web页面上，当某个页面内容特别多，下拉到底部的时候，想再返回页面顶部就得鼠标滚轮滑好多下，或者没有鼠标的话操作就更麻烦了。这个时候页面右下角往往会放一个悬浮按钮，点击按钮立即滑动到页面顶部，就方便了很多。本文就是此功能的一个简单的实现。在布局文件里加上这个按钮：
上面的代码里，IcoTop是自定义的一个图标，你可以替换为自己需要的图片地址。position: fixed 设置按钮的定位方式为基于浏览器窗口定位。这样不管页面滑动到什么位置，这个按钮始终显示在右下角，距离右边和底部60px。zIndex设
weixin_39565937:
