我在"页面部分"中设置了我的网站以进行垂直滚动.第一个页面部分是100%宽度和高度,其他部分也是如此,但是有一个背景图像,可以滚动并延伸到浏览器的宽度.我试图保持这一点,并将其定位.所以它保持静止,下面的内容向上滚动并覆盖背景图像.
所以我的问题是如何将fixed物业添加到background-position:center中心;
/* div that has background image */
<div class="page-section home-bg clear" id="home">
</div>
/* rest of content I want to scroll up and over */
<div class="page-section clear" id="about">
<div class="wrapper" style="background-color:#fff;">
</div>
</div>
.page-section {
width:100%;
margin:0px auto 0px auto;
overflow-x:hidden;
}
.home-bg {
height:100%;
background:url('img/home-bg.jpg') no-repeat;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
z-index:1;
}
Run Code Online (Sandbox Code Playgroud) 我只是想创建一个添加到购物车按钮以在我的 Shopify 主题的模板和部分上使用。很简单。
这是我的代码:
<form method="post" action="/cart/">
<input name="id" value="1402808270917" type="hidden" />
<input name="add" value="ORDER NOW" type="submit" />
</form>
Run Code Online (Sandbox Code Playgroud)
注意:这value是我需要能够进行硬编码的产品 ID。
我没有收到任何错误,只是转到购物车页面,显示购物车为空。奇怪的是,如果我的购物车里已经有东西,它会添加该产品的副本。
我正在研究javascript和jquery对事件处理程序的正确定义有点困惑.
到目前为止,我已阅读 .on()(例如)技术上是一个method但它正在处理事件.那么会.on()被视为事件处理程序吗?或者它是一个事件监听器,因为它内部的函数是处理程序?
我有一个元素,我试图绝对定位到中心和底部附近。无论我是从右边还是左边做 50%,似乎都稍微偏离了中心。
在此屏幕截图中,您可以看到它位于中心左侧一点。

a.down {
font-size:70px;
color:#fff;
text-align: center;
bottom:5%;
position: absolute;
right: 50%;
}
<a href="#we-are-the-leader" class="down">
<i class="fa fa-angle-down"></i>
</a>
Run Code Online (Sandbox Code Playgroud) css ×2
html ×2
javascript ×2
absolute ×1
css-position ×1
jquery ×1
liquid ×1
methods ×1
parsley.js ×1
shopify ×1
validation ×1