Android 一页上的活动滚动响应
有人知道我如何在一页网站上添加滚动活动类吗? 这是我的html:Android 一页上的活动滚动响应,android,jquery,html,css,responsive-design,Android,Jquery,Html,Css,Responsive Design,有人知道我如何在一页网站上添加滚动活动类吗? 这是我的html: <div class="header-container"> <a href="#ancla1"><div class="company-name">zxx<span>nkxxx.</span></div></a> <div id="tendina" class="block-menu">
<div class="header-container">
<a href="#ancla1"><div class="company-name">zxx<span>nkxxx.</span></div></a>
<div id="tendina" class="block-menu">
<nav class="nav-collapse closed">
<ul>
<li>
<a href="#ancla1">HOME</a>
</li>
<li>
<a href="#ancla4">WORKS</a>
</li>
<li>
<a href="#ancla6">CONTACT</a>
</li>
</ul>
</nav>
</div>
<div class="menu-select">
<nav>
<ol class="contentMenu">
<li>
<a href="#ancla1"><div class="menubtn">
<div class="contentbtn">home</div>
</div></a>
</li>
<li>
<a href="#ancla4"><div class="menubtn">
<div class="contentbtn">works</div>
</div></a>
</li>
<li>
<a href="#ancla6"><div class="menubtn">
<div class="contentbtn">contact</div>
</div></a>
</li>
</ol>
</nav>
</div>
</div>
</div> <!-- end header-->
-
-
-
这是我的活动课:
$(document).ready(function(){
$('.contentbtn').first().addClass('attivo');
$('.portfolio-btn').first().addClass('attivo');
var navigation = responsiveNav(".nav-collapse", {
animate: true, // Boolean: Use CSS3 transitions, true or false
transition: 250, // Integer: Speed of the transition, in milliseconds
label: "Menu", // String: Label for the navigation toggle
insert: "after", // String: Insert the toggle before or after the navigation
customToggle: "", // Selector: Specify the ID of a custom toggle
openPos: "relative", // String: Position of the opened nav, relative or static
jsClass: "js", // String: 'JS enabled' class which is added to <html> el
init: function(){}, // Function: Init callback
open: function(){}, // Function: Open callback
close: function(){} // Function: Close callback
});
//active state
$(function() {
$('.contentbtn').click(function(e) {
var $this = $(this);
$('.contentbtn').removeClass('attivo');
$this.addClass('attivo');
});
$('.portfolio-btn').click(function(e) {
var $this = $(this);
$('.portfolio-btn').removeClass('attivo');
$this.addClass('attivo');
});
});
});
$(文档).ready(函数(){
$('.contentbtn').first().addClass('attivo');
$('.portfolio btn').first().addClass('attivo');
var navigation=responsiveNav(“.nav collapse”{
动画:true,//布尔值:使用CSS3变换,true或false
转换:250,//整数:转换的速度,以毫秒为单位
标签:“菜单”,//字符串:导航切换的标签
插入:“在”、//字符串:在导航之前或之后插入切换
customToggle:,//选择器:指定自定义切换的ID
openPos:“相对的”//字符串:打开的导航的位置,相对的或静态的
jsClass:“js”//String:“js enabled”类,添加到el
init:function(){},//function:init回调
open:function(){},//函数:打开回调
close:function(){}//函数:关闭回调
});
//活动状态
$(函数(){
$('.contentbtn')。单击(函数(e){
var$this=$(this);
$('.contentbtn').removeClass('attivo');
$this.addClass('attivo');
});
$('.portfolio btn')。单击(函数(e){
var$this=$(this);
$('.portfolio btn').removeClass('attivo');
$this.addClass('attivo');
});
});
});
不完全清楚你在问什么。你能举一个你需要帮助的工作例子吗?是一个特别好的地方,可以让其他人看到/与之互动的工作示例。