Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 页面周围的白色边框不';不要走开(html、css、js)_Javascript_Html_Css - Fatal编程技术网

Javascript 页面周围的白色边框不';不要走开(html、css、js)

Javascript 页面周围的白色边框不';不要走开(html、css、js),javascript,html,css,Javascript,Html,Css,我似乎无法摆脱页面周围的白色边框。我尝试使用*、html和body,但似乎没有任何效果。它可能与#主页或导航栏有关?我不熟悉html、css和js,所以这可能超出了我的范围,或者找不到合适的东西。提前谢谢 const backtotoptubton=document.querySelector(“#返回顶部btn”); window.addEventListener(“滚动”,滚动功能); 函数滚动函数(){ 如果(window.pageYOffset>300){//显示backToTopBu

我似乎无法摆脱页面周围的白色边框。我尝试使用*、html和body,但似乎没有任何效果。它可能与#主页或导航栏有关?我不熟悉html、css和js,所以这可能超出了我的范围,或者找不到合适的东西。提前谢谢

const backtotoptubton=document.querySelector(“#返回顶部btn”);
window.addEventListener(“滚动”,滚动功能);
函数滚动函数(){
如果(window.pageYOffset>300){//显示backToTopButton
如果(!backToTopButton.classList.contains(“btnEntrance”)){
backToTopButton.classList.remove(“btnExit”);
backToTopButton.classList.add(“btnEntrance”);
backToTopButton.style.display=“block”;
}
}
else{//隐藏backToTopButton
if(backtotoptubton.classList.contains(“btentrance”)){
backToTopButton.classList.remove(“btnEntrance”);
backToTopButton.classList.add(“btnExit”);
setTimeout(函数(){
backToTopButton.style.display=“无”;
}, 250);
}
}
}
backToTopButton.addEventListener(“单击”,SmoothScrollBacktop);
//函数backToTop(){
//滚动到(0,0);
// }
函数smoothScrollBackToTop(){
常数targetPosition=0;
const startPosition=window.pageYOffset;
常数距离=目标位置-起始位置;
常数持续时间=750;
让start=null;
window.requestAnimationFrame(步骤);
功能步骤(时间戳){
如果(!start)start=时间戳;
const progress=时间戳-开始;
滚动到(0,easeInOutCubic(进度、起始位置、距离、持续时间));
if(进度<持续时间)window.requestAnimationFrame(步骤);
}
}
函数easeInOutCubic(t,b,c,d){
t/=d/2;
如果(t<1)返回c/2*t*t*t+b;
t-=2;
返回c/2*(t*t*t+2)+b;
};
*{
保证金:0;
填充:0;
字体系列:无衬线;
}
.集装箱{
宽度:100%;
高度:100vh;
滚动行为:平滑;
溢出y:滚动;
滚动捕捉类型:y必填;
溢出x:隐藏;
最小宽度:100%;
}
.卷轴{
宽度:100%;
高度:100vh;
滚动捕捉对齐:居中;
位置:相对位置;
}
/*导航栏*/
#主要{
宽度:100%;
身高:100%;
背景颜色:绿色;
}
导航{
宽度:100%;
高度:80px;
背景色:#fff;
线高:80px;
}
导航ul{
文本对齐:居中;
}
李国荣{
列表样式类型:无;
显示:内联块;
过渡:0.8s全部;
}
海军ulli a{
文字装饰:无;
颜色:灰色;
填充:30px;
}
导航ulli a:悬停{
颜色:#000;
}
/*本名*/
.姓名{
字体系列:无衬线;
位置:绝对位置;
左:50%;
最高:50%;
转化:translateX(-50%)translateY(-50%);
文本对齐:居中;
}
/*打字机效应*/
.css打字{
位置:绝对位置;
最高:55%;
左:36.5%;
/*转化:translateX(-40%)translateY(-60%)*/
}
.css打字{
右边框:.15em实心橙色;
字体系列:“信使”;
字体大小:14px;
空白:nowrap;
溢出:隐藏;
}
.css键入p:n子项(1){
/*宽度:7.3em*/
宽度:10厘米;
-webkit动画:键入2s步骤(10,结束);
动画:键入2s步骤(10,结束);
-webkit动画填充模式:正向;
动画填充模式:正向;
}
.css键入p:n子项(2){
宽度:38厘米;
不透明度:0;
-webkit动画:键入2 2s步骤(40,结束);
动画:键入2 2s步骤(40,结束);
-webkit动画延迟:2s;
动画延迟:2s;
-webkit动画填充模式:正向;
动画填充模式:正向;
}
.css键入p:n子项(3){
宽度:13厘米;
不透明度:0;
-webkit动画:键入3个5s步骤(20,结束),闪烁。5s步骤结束无限交替;
动画:键入3 5s步数(20,结束),闪烁。5s步数结束无限交替;
-webkit动画延迟:4s;
动画延迟:4s;
-webkit动画填充模式:正向;
动画填充模式:正向;
}
@关键帧类型{
0% {
宽度:0;
}
99.9% {
右边框:.15em实心橙色;
}
100% {
边界:无;
}
}
@-webkit关键帧类型{
0% {
宽度:0;
}
99.9% {
右边框:.15em实心橙色;
}
100% {
边界:无;
}
}
@关键帧类型2{
0% {
宽度:0;
}
1% {
不透明度:1;
}
99.9% {
右边框:.15em实心橙色;
}
100% {
不透明度:1;
边界:无;
}
}
@-webkit关键帧类型2{
0% {
宽度:0;
}
1% {
不透明度:1;
}
99.9% {
右边框:.15em实心橙色;
}
100% {
不透明度:1;
边界:无;
}
}
@关键帧类型3{
0% {
宽度:0;
}
1% {
不透明度:1;
}
100% {
不透明度:1;
}
}
@-webkit关键帧类型3{
0% {
宽度:0;
}
1% {
不透明度:1;
}
100% {
不透明度:1;
}
}
@关键帧闪烁{
50% {
边框颜色:透明;
}
}
@-webkit关键帧闪烁{
50% {
边框颜色:transparent;
}
}
/*部分*/
.盒子{
宽度:100%;
高度:100vh;
填充:70px;
显示器:flex;
}
.box.imgPro{
宽度:150px;
柔性:0 150像素;
}
.box.imgPro img{
宽度:100%;
填充:10px;
边界半径:50%;
}
.box.content{
左侧填充:20px;
}
.box.content h2{
保证金:0;
左侧填充:0;
垫底:20px;
文本对齐:居中;
}
/*返回顶部按钮*/
#返回顶部btn{
显示:无;
位置:固定;
底部:20px;
右:20px;
字号:26px;
宽度:50px;
高度:50px;
背景色:#fff;
颜色:#333;
光标:指针;
大纲:无;
边框:3px实心#333;
边界半径:50%;
过渡时间:0.2s;
过渡定时功能:易进易出;
过渡属性:背景色、颜色;
}
#返回顶部btn:悬停,#返回顶部btn:焦点{
背景色:#333;
颜色:#fff;
}

标题
标题
nav{ padding: 10px; color: teal}
nav{ color: magenta}
nav{ margin: 0; background: red}
nav{ margin: 10px; padding: 10%; background: #def}
nav{ height: 20vh; display: inline; background: 0}
<nav style="padding: 0; background: yellow"> ... </nav>
nav{
height: 20vh;
padding: 0;
margin: 10px;
background: yellow;
color: magenta;
display: inline;
}
nav{
height: 20vh;
padding: 0;
background: yellow;
display: inline;
...?
}