jquery页面滚动 - 开源中国社区
当前访客身份：游客 [
当前位置：
发布于 日 11时,
源码下载以及演示请猛戳：/Js/other/1211.html
代码片段(1)
1.&[代码][JavaScript]代码&&&&
$(function() {
sectionFixedWidth();
$(window).resize(function() {
sectionFixedWidth();
//判断窗口大小
function sectionFixedWidth() {
var sectionFixed = $('.sectionFixed'),
navFixed = $('.navFixed'),
sectionFixedw = 300;
sectionWidth = $(window).width(),
sectionFixedleft = (sectionWidth - 780)/2;
if(sectionFixedleft & sectionFixedw){
sectionFixed.removeClass('sectionFixedmin');
sectionFixed.css("left", sectionFixedleft - sectionFixedw);
if(sectionFixedleft & 200){
sectionFixed.css("left", '0px');
sectionFixed.css("left", sectionFixedleft-200);
sectionFixed.addClass('sectionFixedmin');
if((sectionFixedleft - 150) & 20) {
navFixed.css("right", sectionFixedleft - 150);
navFixed.css("right", '20px');
console.log("\u767e\u5ea6\u641c\u7d22\u\u\u56ed\ub\u8f7d\u66f4\u591aJS\u\u4ee3\u7801");
//珍品域名页面socroll事件
$(function() {
scrollPage();
scrollWindow();
// section_list
$body = (window.opera) ? (patMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
$('.section_list li').each(function(i){
$(this).click(function(){
sectionBtn(i);
$body.animate({
scrollTop: $('#section' + (i)).offset().top
$(window).scroll(function() {
scrollWindow();
$('.TopBtn').click(function() {
backTop();
$('.NextBtn').click(function() {
$body.animate({
scrollTop: $('.section').eq(navList-1).offset().top
$(this).fadeOut();
// backtop
function backTop() {
$("html,body").animate({
scrollTop : 0
// backtop 隐藏判断事件
function scrollWindow() {
var navH = $('.nav').height();
if ($(window).scrollTop() & navH) {
$(".TopBtn").fadeIn();
$(".TopBtn").fadeOut();
//提交资料 事件
function sectionBtn(Btn){
//if(Btn &= 2 && Btn&=4){
$('.sectionFixed').fadeIn();
//} else {
//$('.sectionFixed').hide();
//cur当前位置
function scrollPagecur(cur){
$('.section_list li').removeClass('cur');
$('.section_list li').eq(cur).addClass('cur');
function scrollPage(){
var currentSectionIndex = 0;
var isScrolling =
var sectionList = $('.section');
var sectionCount = sectionList.
var highlightedSection = 0;
//全局section个数
navList = sectionC
function highlightSection(i){
$('.sectionWrapper').removeClass('fadeInDown');
$(sectionList[i]).find('.sectionWrapper').addClass('fadeInDown');
function adjustCurrentSectionIndex() {
var $w = $(window);
var winScrollTop = $w.scrollTop();
var winHeight = $w.height();
var viewTop = $w.scrollTop(),
viewBottom = viewTop + $w.height();
for(var i = 0; i & sectionC i++) {
var section = $(sectionList[i]);
var sectionTop = section.offset().
var sectionHeight = section.height();
var sectionBottom = sectionTop + sectionH
if(winScrollTop &=
(sectionTop + sectionHeight) && winScrollTop & (sectionTop + sectionHeight*9/10)) {
highlightedSection=i+1;
highlightSection(highlightedSection);
currentSectionIndex = highlightedS
$('.NextBtn').show();
highlightedSection =
if((sectionBottom+1) == viewBottom){
$('.NextBtn').fadeOut();
if((sectionBottom &= viewBottom) && (sectionTop &= viewTop)) {
currentSectionIndex =
adjustCurrentSectionIndex();
$(window).on('scroll', function(){
adjustCurrentSectionIndex();
sectionBtn(currentSectionIndex);
scrollPagecur(currentSectionIndex);
if (currentSectionIndex == 0) {
currentSectionIndex = 1;
ele=sectionList[currentSectionIndex];
$(ele).find('.sectionWrapper').addClass('fadeInDown');
$(this).resize(function(){
scrollTo(ele);
function scrollTo(ele) {
$('.sectionWrapper').removeClass('fadeInDown');
isScrolling =
$('html,body').stop().animate({
scrollTop: $(ele).offset().top
}, 500, function(){
isScrolling =
$(ele).find('.sectionWrapper').addClass('fadeInDown');
$('body').on('mousewheel', function(e){
e.preventDefault();
if(!isScrolling) {
var deltaY = e.deltaY;
switch(deltaY){
currentSectionIndex -= 1;
if(currentSectionIndex & 0) {
currentSectionIndex = 0;
scrollTo(sectionList[currentSectionIndex]);
currentSectionIndex += 1;
if(currentSectionIndex & sectionCount - 1) {
currentSectionIndex = sectionCount - 1;
scrollTo(sectionList[currentSectionIndex]);
本代码由素材家园收集并编辑整理;
尊重他人劳动成果;
转载请保留素材家园链接 -
开源中国-程序员在线工具：
相关的代码(1)
[JavaScript]
开源从代码分享开始
yuuk的其它代码}