javascript实现浏览到某一行文字时，文字从左滚动到中心

javascript文字横向滚动

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

只做好，滚动时内容到中间，但没有恢复，有紧急工作任务，先提交一下。<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>test</title>
 <style type="text/css">
 #div p{ width:900px;}
 </style>
 <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.js"></script>
</head>
<body>
<div id="div">
 ，当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 ，当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 ，当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，离开这个高度（大于或者小于）再启动“文字回到左边”事件
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
 监听页面的滚动事件，判断滚动条的高度是否到达了你的这一行所在的位置（为了更好的效果这两个值不一定完全相等），当到达你的需要了，就启动“文字滚动到中心”事件，
</div>
<script> var p = $('#div p');
 $(window).scroll(function(){
 p.each(function(){
 if(isView($(this))){
 var div_w = $(this).width();
 var win_w = $(window).width();
 var v = (win_w - div_w) / 2;
 $(this).animate({ marginLeft : '+' + v });
 return false;
 }
 });
 });
 function isView(o){
 return (o.offset().top - $(window).scrollTop()) > 0;
 }
</script>
</body>
</html>