jquery - 这个函数有插件吗?

时间:2016-09-02 10:23:58

标签: jquery iphone scroll menu

我正在开发基于jquery,bootstrap的混合应用程序。 对于这个页面,在中间部分(我将其标记为红色。),有一些菜单是垂直流。它必须移动,所以我选择的那个必须位于该区域的中心。

在IOS中选择内容的方式太常见了,所以我认为会有类似的代码可以通过jquery完成但却找不到。

请问您有类似这个功能吗?也可以使用jquery mobile或jquery ui。

enter image description here

1 个答案:

答案 0 :(得分:1)

不需要任何js插件,你可以通过CSS3和HTML 5实现它

只需查看下面的示例和CSS

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>