• vue 解决无法设置滚动位置的问题

    问题描述 在实现锚点定位的时候发现无法设置滚动条的位置。 在Vue中,使用 document.body.scrollTop=952 无法设置滚动条的高度。 document.body.scrollTop一直是0 原因 因为vue的页面指定了DTD,即指定了DOCTYPE时,使用document.documentElement。 页面没有DTD,即没...

    2018-09-29 03:51:49

  • 从零开始的全栈工程师——html篇1.7

    position定位与表单 一、position 1、Position细说 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100px; Top:100px; Position:relative;如果设置值了,相对原来的位置进行调整 二者区别 absolute会脱离标准流,relative不会,relative虽然给...

    2018-09-29 03:51:49

  • 移动端适配(2)---viewport适配

    通过viewport来适配 script (function(){ var w=window.screen.width; console.log(w);//获取屏幕尺寸 var targetW=320;//之后所有的都是按照320来做 var scale=w/targetW;//缩放值:当前尺寸/目标尺寸 var meta=document.createElement("meta"); meta.name="viewport";...

    2018-09-29 03:51:46

  • JavaScript switch语句

    JavaScriptswitch语句 switch语句用于基于不同的条件来执行不同的动作。 JavaScript switch 语句 使用switch语句可以进行多项选择。 语法: switch( 变量1 ){ case 变量2: //语句1; break; case 变量3: //语句2; break; default: //语句3; } 执行原理:变量1的值跟case...

    2018-09-29 03:51:43

  • 【web】movie review——静态页面训练、css训练

    实现样式要求: image: banner.png: generaloverview.png: background.png: bannerbackground.png: rottenbig.png: rottenbackground.png: fresh.gif rotten.gif critic.gif 文件目录: -image -movie.css -skeleton.html -tmnt.html 文件内容: movie.css body { back...

    2018-09-19 02:56:08

  • html 之 position用法

    在此,先做声明,本篇仅是摘录自互联网,个人认为这篇文章讲的很不错,附于此地与大家共同欣赏。 position的四个属性值: 1.relative 2.absolute 3.fixed 4.static 下面分别讲述这四个属性。 div id="parent" div id="sub1"sub1/div div id="sub2"sub2/div /div 1. rel...

    2018-09-19 02:49:34

  • 【web】movie review——静态页面训练、css训练

    实现样式要求: image: banner.png: generaloverview.png: background.png: bannerbackground.png: rottenbig.png: rottenbackground.png: fresh.gif rotten.gif critic.gif 文件目录: -image -movie.css -skeleton.html -tmnt.html 文件内容: movie.css body { back...

    2018-09-18 06:48:16

  • 网页布局基础

    1、盒子模型的第一层到第五层: border、padding+content、background-image、background-color、margin 2、清除浮动。对受到浮动影响的标签作以下操作: 1、clear: both; 2、clear: right; clear: left; 3、设置宽度width: 100%(或者固定宽度)+overflow: hidden; 3、...

    2018-09-18 06:34:24

  • 纯css面板插件,自适应,多样式

    最近在做公司的系统后台,用的bootstrap,在设计布局的时候不喜欢他的面板,所以自己写了这个面板插件,分享给大家 先上预览图: 默认样式: 绿色: 黄色: 蓝: 红: 使用方法: 引用MoUi.css HTML中使用为: div class ="mo-group mo-group-default mo-group-radius"...

    2018-09-18 06:34:03

  • sass变量

    sass变量用法 1、sass变量必须以$符开头,后面紧跟着变量名 2、变量值和变量名之间就需要使用冒号(:)分隔开(就像CSS属性设置一样) 3、如果值后面加上!default则表示默认值 默认变量 sass的默认变量:仅需要在值后面加上 !default 即可。 scss.style css.style 默认变...

    2018-09-18 06:34:02

2