控制滾動標籤元素的同時不滾動頁面

實現效果:

再上傳圖像頁面,通過鼠標滾輪實時放大縮小調整圖像,調整過程中頁面靜止不動。

html

    <div id="images">
        <img  src="default.jpg">
    </div>

javascript

    document.getElementById('images').onmousewheel = function(event) { 
        if (!event) event = window.event; 
        this.scrollTop = this.scrollTop - (event.wheelDelta ? event.wheelDelta : -event.detail * 10); 
        return false; 
    }

這裏寫圖片描述

這裏寫圖片描述

測試地址:

http://www.smtvoice.com/public/upload-head/index.php

發佈了37 篇原創文章 · 獲贊 30 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章