1、計(jì)算滾動(dòng)距離： var scrollTopPx = (′定位到的節(jié)點(diǎn)′).offset().top?(‘第一個(gè)節(jié)點(diǎn)’).offset().top;
2、滾動(dòng)條滾動(dòng)： (′帶滾動(dòng)條的容器′).scrollTop(scrollTopPx);
如果想用動(dòng)畫效果，可以用：(‘帶滾動(dòng)條的容器’).animate({scrollTop: scrollTopPx}, 1000); // 1000毫秒滾動(dòng)到該位置
<!DOCTYPE html>
<html>
<head>
<title>讓滾動(dòng)條滾動(dòng)到正好顯示某個(gè)節(jié)點(diǎn)的位置</title>
<style type="text/css">
#main {
width: 500px;
height: 300px;
margin: 0 auto;
overflow-y: scroll;
}
h1 {
color: blue;
cursor: pointer;
}
/*定義滾動(dòng)條高寬及背景 高寬分別對(duì)應(yīng)橫豎滾動(dòng)條的尺寸*/
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #FFF;
}
/*定義滾動(dòng)條軌道 內(nèi)陰影+圓角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 6px;
background-color: #F5F5F5;
}
/*定義滑塊 內(nèi)陰影+圓角*/
::-webkit-scrollbar-thumb {
border-radius: 6px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #A0A0A0;
}
</style>
<script src="jquery.min.js"></script>
<script>
$(function() {
$('h1').click(function() {
var h1Count = $('h1').length;
var h1Index = $(this).parent().index();
var nextIndex = (h1Index + 1) % h1Count;
var nextH1Dom = $('h1').eq(nextIndex);
scrollTopToDom($('#main'), $('h1:eq(0)'), nextH1Dom);
});
function scrollTopToDom($scrollDom, $firstDom, $scrollToDom) {
var topOffsetPx = $firstDom.offset().top;
var domOffsetPx = $scrollToDom.offset().top;
// 目標(biāo)元素相對(duì)于文檔偏移量 - 第一個(gè)元素相對(duì)于文檔偏移量 就是滾動(dòng)條要滾動(dòng)的距離
var scrollTopPx = domOffsetPx - topOffsetPx;
$scrollDom.animate({ // 動(dòng)畫方式滾動(dòng)過(guò)去
scrollTop: scrollTopPx
}, 1000);
// $scrollDom.scrollTop(scrollTopPx); // 如果不用動(dòng)畫，也可以用這個(gè)進(jìn)行直接定位
}
})
</script>
</head>
<body>
<div id="main">
<ul>
<li>
<h1>還買給孩子？部分兒童智能手表存隱患 成監(jiān)聽(tīng)設(shè)備</h1>
<p class="content">
據(jù)英BBC報(bào)道，德國(guó)聯(lián)邦網(wǎng)絡(luò)局禁止在該國(guó)銷售兒童智能手表。來(lái)源：BBC官網(wǎng)截圖。 今年10月，挪威消費(fèi)者理事會(huì)在報(bào)告中指出，部分兒童手表存在漏洞，比如在沒(méi)有加密的情況下傳輸和存儲(chǔ)數(shù)據(jù)?！斑@意味著陌生人使用基本的黑客技術(shù)，就能追蹤兒童的行動(dòng)，或者讓一個(gè)孩子看起來(lái)在一個(gè)完全不同的位置?！眻?bào)告稱。 早在2015年，我國(guó)媒體曾曝光多個(gè)品牌的兒童智能手表存在嚴(yán)重安全漏洞，黑客不僅可以精準(zhǔn)掌握手表所處的位置，還能完整獲取兒童日常行走路線，竊聽(tīng)兒童對(duì)話及周圍聲音。 黑客如何攻擊智能手表？ 記者了解到，兒童智能手表都有相應(yīng)的手機(jī)軟件(App)，用于家長(zhǎng)注冊(cè)、綁定手表，在手機(jī)App中可以設(shè)置兒童的姓名、生日等信息，也可以發(fā)送指令，比如查詢位置、通話等。 那么，黑客是如何攻擊智能手表的？ 西安四葉草信息技術(shù)有限公司高級(jí)安全研究員余俊峰說(shuō)，手機(jī)App中設(shè)置的信息和發(fā)送的指令會(huì)傳到智能手表云端服務(wù)器，云端服務(wù)器和手表之間也相互發(fā)送一些功能指令。 “正常情況下，用戶A只能對(duì)自己綁定的智能手表發(fā)送信息和指令，但由于智能手表云端程序沒(méi)有對(duì)用戶身份和要執(zhí)行的指令進(jìn)行權(quán)限判斷，導(dǎo)致用戶A也可以對(duì)未綁定的其他智能手表進(jìn)行操作。這就導(dǎo)致了越權(quán)漏洞?！彼f(shuō)。 關(guān)于“越權(quán)漏洞”，余俊峰解釋說(shuō)，比如黑客在某銀行有銀行卡，正常情況下只能從自己的銀行卡中取錢，但黑客把銀行卡號(hào)修改成別人的，從別人的銀行卡上把錢取出來(lái)了，銀行沒(méi)有判斷取款人是否有權(quán)從這個(gè)銀行卡取錢，這就是越權(quán)漏洞。
</p>
</li>
<li>
<h1>周鴻祎：我強(qiáng)烈呼吁 家長(zhǎng)有權(quán)利知道幼兒園發(fā)生的一切</h1>
<p class="content">
最近虐童事件頻發(fā)，360集團(tuán)創(chuàng)始人兼CEO周鴻祎發(fā)出呼吁: 如果你為人父母， 請(qǐng)采取行動(dòng)，做點(diǎn)什么！ " 有人可能罵我這是營(yíng)銷，但我無(wú)所謂，之前我一直在這樣說(shuō)，現(xiàn)在我更要這么講，就是幼兒園里面安裝的視頻監(jiān)控，必須允許家長(zhǎng)在手機(jī)上能隨時(shí)查看自己孩子的情況。 這根本不是技術(shù)問(wèn)題，包括360在內(nèi)，有好幾家互聯(lián)網(wǎng)企業(yè)能提供智能攝像設(shè)備，互聯(lián)網(wǎng)上走視頻，圖像足夠清晰，價(jià)格也不貴。對(duì)于幼兒園，360智能攝像機(jī)是免費(fèi)安裝免費(fèi)送的。這本質(zhì)上是一個(gè)思想問(wèn)題，就是總有一部分幼兒園認(rèn)為這是自己的地盤，我的地盤我做主。在我的地盤上，即使你是家長(zhǎng)，也不能染指。 我認(rèn)為這種觀點(diǎn)非常沒(méi)有道理。幼兒于很多事情都是懵懂的狀態(tài)，對(duì)成年人非常依賴，對(duì)成年人也有恐懼，不善于表達(dá)，這樣他們就成了社會(huì)上一些變態(tài)人種實(shí)施不法行為的對(duì)象。 在互聯(lián)網(wǎng)不發(fā)達(dá)的年代，虐待兒童、性侵兒童的事件可能更多，但因?yàn)樾畔鬟f不發(fā)達(dá)被掩蓋了，最后他們長(zhǎng)大后在心理上留下了很深的創(chuàng)傷。 我是兩個(gè)孩子的父親，像其他父母一樣愛(ài)自己的孩子一樣愛(ài)他們。我記得有個(gè)故事，說(shuō)一個(gè)美國(guó)人在聽(tīng)到自己的兒子被性侵了，他二話不說(shuō)抓起槍，就把性侵的男子給斃了。我挺佩服這樣的人，但我覺(jué)得可以有更好的方法來(lái)減少校園性侵案和虐童案。 其實(shí)，是鄭淵潔老師最早提醒我校園虐童案、性侵案的嚴(yán)重性的，也正因?yàn)槲易约河袃蓚€(gè)孩子，所以我讓360的產(chǎn)品團(tuán)隊(duì)在2014年開(kāi)發(fā)了360兒童手表和360智能攝像機(jī)。當(dāng)時(shí)，我就直言不諱地講，這兩個(gè)產(chǎn)品就是幫助家長(zhǎng)保護(hù)孩子安全的。這幾年我們做得很好，但坎坷也不少。因?yàn)?，始終有一些幼兒和小學(xué)不允許孩子佩戴兒童手表進(jìn)校園，進(jìn)來(lái)就得摘下來(lái)擱到一邊。對(duì)家長(zhǎng)來(lái)說(shuō)，這樣的校園就成了一個(gè)不透明的暗箱，自己孩子遇到怎樣的欺凌，他們可能一無(wú)所知，直到孩子出了心理問(wèn)題，甚至出現(xiàn)了生命危險(xiǎn)才知道真相。 這幾年，我們一直在爭(zhēng)取校園方面理解我們，也取得了一些進(jìn)展。360在全國(guó)的幼兒園安裝了3萬(wàn)多臺(tái)360智能攝像機(jī)。前些天，內(nèi)蒙古清水河縣縣長(zhǎng)通過(guò)各種關(guān)系找到我們，希望360智能攝像機(jī)能覆蓋清水河縣所有的幼兒園。對(duì)幼兒園，360就是免費(fèi)裝免費(fèi)送。我們先在北京的幼兒園把免費(fèi)進(jìn)行到底，然后把免費(fèi)開(kāi)展到全國(guó)。 我說(shuō)這些，是要爭(zhēng)取大家的支持，希望大家一起呼吁，家長(zhǎng)有權(quán)利知道幼兒園日常發(fā)生的一切，有技術(shù)手段能保證家長(zhǎng)實(shí)時(shí)知道幼兒園日常發(fā)生的一切。幼兒園必須要認(rèn)真聽(tīng)取家長(zhǎng)的意見(jiàn)。我覺(jué)得我們每個(gè)人不能只是痛罵生氣或者逃避，我們總可以做點(diǎn)什么，至少一個(gè)家長(zhǎng)隨手可以用手機(jī)查看的攝像頭就是一個(gè)威懾。一個(gè)可以錄音可以拍攝的兒童手表也是威懾。如果你為人父母，可以為你的孩子所在的幼兒園申請(qǐng)免費(fèi)的攝像頭，或者轉(zhuǎn)告你認(rèn)識(shí)的其他家長(zhǎng)，不要點(diǎn)贊，采取行動(dòng)，做點(diǎn)什么。"
</p>
</li>
<li>
<h1>5G創(chuàng)新成果亮相中移動(dòng)2017全球合作伙伴大會(huì)</h1>
<p class="content">
中國(guó)移動(dòng)2017全球合作伙伴大會(huì)展館展示的5G相關(guān)應(yīng)用場(chǎng)景 索有為 攝 中新網(wǎng)廣州11月24日電 (記者 索有為)正在廣州舉行的2017中國(guó)移動(dòng)全球合作伙伴大會(huì)上，中國(guó)移動(dòng)圍繞5G基礎(chǔ)通信，高速率、低時(shí)延能力創(chuàng)新應(yīng)用，大連接、廣覆蓋能力創(chuàng)新應(yīng)用，展示了全面推動(dòng)5G研發(fā)應(yīng)用的最新成果。 在5G基礎(chǔ)通信方面，中國(guó)移動(dòng)展示了全球首個(gè)基于國(guó)際統(tǒng)一標(biāo)準(zhǔn)的“5G新空口端到端互通”，該系統(tǒng)工作在3.5GHz頻段、100MHz帶寬，下行峰值速率可達(dá)1.3Gbps以上；基于5G預(yù)商用基站和小型化5GCPE(小型化5G數(shù)據(jù)終端)的“5G端到端系統(tǒng)應(yīng)用”，可實(shí)時(shí)直播16路4K高清視頻業(yè)務(wù)；首批國(guó)內(nèi)5G高頻基站功放、射頻前端器件，以及業(yè)界首款5G終端射頻器件模組原型產(chǎn)品等。
</p>
</li>
</ul>
</div>
</body>
</html>
