我正在开发基于jquery,bootstrap的混合应用程序。 对于这个页面,在中间部分(我将其标记为红色。),有一些菜单是垂直流。它必须移动,所以我选择的那个必须位于该区域的中心。
在IOS中选择内容的方式太常见了,所以我认为会有类似的代码可以通过jquery完成但却找不到。
请问您有类似这个功能吗?也可以使用jquery mobile或jquery ui。
答案 0 :(得分:1)
不需要任何js插件,你可以通过CSS3和HTML 5实现它
p {
width:200px;
padding: 10px;
font-size: 20px;
color: #FFFFFF;
-webkit-mask-image: -webkit-gradient(linear, left top,
left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
}
div {
background-color: lightblue;
background-image: url(http://media02.hongkiat.com/ww-flower-wallpapers/roundflower.jpg);
width:400px;
height:300px;
}
<div><p>Don't be ashamed to weep; 'tis right to grieve. Tears are only water, and flowers, trees, and fruit cannot grow without water. But there must be sunlight also.</p></div>