类别

有特色的模板

JS动画. 如何改变视差块尺寸

夏洛特·班尼特 2016年7月29日
Rating: 5.0/5. 来自2票.
请稍等...

在本教程中,我们将向您展示如何更改的尺寸 parallax block.

块可以在css的帮助下添加,或者直接使用 HTML code. 我们将仔细研究第一种方法.

的宽度和高度 parallax 块由添加到的容器的尺寸定义. 尺寸可以在css文件中直接更改.

  1. Use the Firebug 或其他开发人员工具,以检查容器ID的 parallax 块以及用于编辑的CSS文件的确切行和位置.

    JS-Animated_How_to_change_the_parallax_block_维_1
  2. 为了减少 height,你需要编辑或删除填充,添加到这个容器,这样 响应性 的块不会受到影响.

  3. 为了使… with 如果较小,则添加带有值的width属性 less 比100%,还要校正块的位置,添加一些边距. 例如:

    .bg-image-3 {
    Margin: 0 auto;
    宽度:80%;
    }

  4. Find the style.css 文件,位于 css 文件夹,然后用一些文本打开它 editor (或者在计算机上编辑文件,然后重新上传到服务器).

    JS-Animated_How_to_change_the_parallax_block_维_2
  5. 执行您在Firebug工具中尝试的更改,并保存文件.

  6. 刷新页面后,在站点前端检查您的更改.

慢慢来看看收藏的 网站主题与视差滚动效果.

我们希望本教程对您有所帮助. 请随时查看下面的详细视频教程:

JS动画. 如何改变视差块尺寸
这个条目被张贴了出来 JS动画教程 和标记 , JS动画, parallax. 书签的 permalink.

提交罚单

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: 提交罚单