HTML CSS 模仿京东页面做出的页面。但是打开页面最下面有个左右滑动栏。导致页面不居中。该怎么解决?

html-css027

HTML CSS 模仿京东页面做出的页面。但是打开页面最下面有个左右滑动栏。导致页面不居中。该怎么解决?,第1张

这是因为你html元素里面的某个属性设置的宽度超出了屏幕范围,如body的宽度你设置了2000px,但是你屏幕的分辨率是1920的,2000>1920,所以会出现滚动条。这个你得检察一下,或者源码发上来,我给你检查。

1、先给一个例子,下面再做详细讲解

<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>

--这个例子是从左向左滚动

2、各参数详解:

a) scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b) width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c) direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

d) scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e) behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

3、根据需要设置对应的参数,就可以实现滚动啦,把想要滚动的div标签包含在marquee标签里面。