第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何檢查滾動條是否可見?

如何檢查滾動條是否可見?

德瑪西亞99 2019-10-12 11:07:04
如何檢查滾動條是否可見?是否可以檢查overflow:auto一個迪夫?例如:HTML<div id="my_div" style="width: 100px; height:100px; overflow:auto;" class="my_class">    * content</div>jQuery$('.my_class').live('hover', function (event){     if (event.type == 'mouseenter')     {          if( ...  if scrollbar visible ? ... )          {             alert('true'):          }          else          {             alert('false'):          }     }});有時內(nèi)容短(沒有滾動條),有時長(滾動條可見)。
查看完整描述

3 回答

?
12345678_0001

TA貢獻1802條經(jīng)驗 獲得超5個贊

一個小插件。

(function($) {
    $.fn.hasScrollBar = function() {
        return this.get(0).scrollHeight > this.height();
    }})(jQuery);

像這樣用它,

$('#my_div1').hasScrollBar(); // returns true if there's a `vertical` scrollbar, false otherwise..

在Firefox,Chrome,IE6,7,8上進行測試

但不能正常工作body標簽選擇器

演示


編輯

我發(fā)現(xiàn)當你有水平滾動條導致垂直滾動條出現(xiàn)時,這個函數(shù)不工作.

我找到了另一個解決辦法.。使用clientHeight

return this.get(0).scrollHeight > this.get(0).clientHeight;



查看完整回答
反對 回復 2019-10-14
?
浮云間

TA貢獻1829條經(jīng)驗 獲得超4個贊

也許是更簡單的解決方案。

if ($(document).height() > $(window).height()) {
    // scrollbar}


查看完整回答
反對 回復 2019-10-14
?
呼喚遠方

TA貢獻1856條經(jīng)驗 獲得超11個贊

您可以使用Element.scrollHeightElement.clientHeight屬性。

根據(jù)MDN:

這個元素,滾動體只讀屬性是對元素內(nèi)容高度的度量,包括由于溢出而在屏幕上不可見的內(nèi)容。SCROLLLHL.8值等于元素所需的最小clientHight值,以便在不使用垂直滾動條的情況下適應(yīng)視點中的所有內(nèi)容。它包括元素填充,但不包括其邊距。

以及:

這個元素、客戶體重只讀屬性返回元素的內(nèi)部高度(以像素為單位),包括填充,但不返回水平滾動條高度、邊框或邊距。

客戶端高度可以計算為CSS高度+CSS填充-水平滾動條的高度(如果有)。

因此,如果滾動高度大于客戶端高度,元素將顯示一個滾動條,因此您的問題的答案是:

function scrollbarVisible(element) {
  return element.scrollHeight > element.clientHeight;}



查看完整回答
反對 回復 2019-10-14
  • 3 回答
  • 0 關(guān)注
  • 413 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號