react使用webpack打包的问题

#1

好吧,滚动条不是组件的问题,我发现在本地单独编辑页面时的滚动条是可以使用的,但是使用webpack打包后页面中的滚动条就不见了
屏幕太太,截取一丢丢
打包前:
1
打包后:
2

#2

你这个是不是因为高度不够的原因?

#3

您指的高度不够指的是什么啊?因为这个是前后端分开进行开发的。前端开发时页面显示没有问题,滚动条也没有问题,一旦使用webpack进行打包放到后端服务器启动后,滚动条就不见了

#4

有没有什么报错之类,这个不清楚你遇到的情况到底是怎么样的,你这个页面是不是动态生成的,如果是动态生成,有没有设置min-height,你查看线上,请求拿到的数据是正确的么

#5

没有报错,页面是自己设定了两个比较大的图表,内容为空,也没有设定min-height等一系列CSS样式
1
打包后放到后台服务器才会获取数据,这个算是动态生成么?新手刚接触公司这个项目,不太明白
2

#6

你这个元素表设置height没,你这个算是动态生成,你现在的问题我还不是很明白,是不是有一些内容没办法看到还是压根就没内容

#7

滚动条这个一般不用自己设置的,如果你全部内容都在一个盒子里,这个盒子没有写height,在子元素还没脱离标准流的情况下,就可以滚动的,但是移动端想要出现滚动条,而不是只要滚动效果,是需要设置overflow的

#8

抱歉,可能是我描述的不够清楚。自己定义了一个图形框架,在没有打包与服务器发生连接请求时,他就是一个框框,啥都没有;打包放进服务端,将服务器运行起来后,会自动向后端请求数据,然后根据数据形成柱状图

#9

我自己尝试了一下,如果把图表进行包裹,设置了height和overflow,图表部分是可以进行滚动的。
麻烦再请教一下,您所说的子元素没有脱离标准流是一个什么样子的概念啊?